responsive.css 95 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297
  1. /* Theme Responsive Css */
  2. @media only screen and (max-width: 5000px){
  3. .boxed_wrapper{
  4. overflow-x: hidden;
  5. }
  6. }
  7. @media only screen and (max-width: 1799px){
  8. .testimonial-style-four .testimonial-content .inner-box .icon-box{
  9. display: none;
  10. }
  11. .testimonial-style-four .testimonial-inner{
  12. left: 0px;
  13. }
  14. .testimonial-style-four .testimonial-content{
  15. margin: 25px 0px;
  16. }
  17. }
  18. @media only screen and (max-width: 1440px){
  19. .banner-style-six .image-shap {display:none;}
  20. .banner-style-six .image-layer {width: 87%;}
  21. .banner-style-six .image-box {margin-right: 0;}
  22. .phpsupport.banner-section .image-box .image-1 {right: -54px;}
  23. .phpsupport.banner-section .image-box img {max-width: 700px;}
  24. .banner-style-11 {padding-top:250px;}
  25. .elastic .vector-image .image-2 {right:2%; width:44%;}
  26. .elastic .content-box {width:52%;}
  27. .searchengine.banner-style-six .image-box {margin-right:-490px;}
  28. .platform .image-box {margin-right: 0; margin-left: -100px; top: 50px;}
  29. }
  30. @media only screen and (max-width: 1200px){
  31. .main-header.style-four {position:fixed;}
  32. .main-header .container {padding:0 60px;}
  33. .main_header .container {padding:20px 60px;}
  34. .menu-area .mobile-nav-toggler {display: block; margin-top: 28px; padding: 10px;}
  35. .main-header.style-four .menu-area .mobile-nav-toggler .icon-bar{background:var(--black);}
  36. .main_header.style-four .menu-area .mobile-nav-toggler .icon-bar{background: #fff;}
  37. .main-header .outer-container .logo-box .logo{ padding:20px 0px;}
  38. .dabory-quick-B {right: 0!important; left: 0; top: auto!important; bottom: 0; transform: translate(0, 0) !important; border: none!important; border-top: 1px solid #e1e1e1!important; border-radius: 0!important; padding: 0px 7px!important; box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1);}
  39. .dabory-quick-B ul {display:flex;}
  40. .dabory-quick-B li {flex:auto; border-bottom:none!important;}
  41. .dabory-quick-B li:first-of-type {display:none;}
  42. .dabory-quick-B li:last-of-type {position:absolute; top:-60px; right:0;}
  43. .dabory-quick-B ul > li .ico.ico-bottom,
  44. .dabory-quick-B ul > li .ico.ico-top {width: 40px!important; height: 40px!important; background-color: #1c2f5e; border-radius: 50px; background-repeat: no-repeat; background-position: center; background-image: url(image/r_quick_ico1_mob.png) !important;}
  45. .dabory-quick-B ul > li img {width:20px!important; height:20px!important;}
  46. .quick_kbgolf {border-top:none!important; box-shadow:none!important;}
  47. .quick_kbgolf li {display:flex; justify-content:center; margin:0 2px;}
  48. .quick_kbgolf li:nth-child(2) { justify-content:flex-start;}
  49. .quick_kbgolf dl {display:flex; height:100%;}
  50. .quick_kbgolf dt {display:flex; align-items:center; padding:10px 20px;}
  51. .quick_kbgolf dd {display:flex; flex-direction:column; justify-content:center; padding:10px 20px; text-align:left;}
  52. .sub, .sub_wrap {padding-top:187px;}
  53. .sub_wrap .title {padding-left:var(--side-space); padding-right:var(--side-space);}
  54. .quote caption {}
  55. .quote .tb_vertical thead tr {top:130px;}
  56. .inquiry select {width:62%;}
  57. .inquiry .price input {width:30%;}
  58. .about .conts_box {width:60%;}
  59. .about .img_box {width:40%;}
  60. .comments .row {margin-left:var(--side-space); margin-right:var(--side-space);}
  61. /*지워도 됨
  62. .banner-section .image-box .image-2{display: none;}
  63. .banner-style-six:before{display: none;}
  64. .banner-style-six .content-box h2 {margin-top: 116px;}
  65. .banner-style-six .image-box{margin-right: -100%; right:20%;}
  66. .banner-style-six .image-layer{width: 100%;}
  67. .feature2.row,
  68. .feature-style-11 .inner-box .row {margin-left:15px; margin-right:15px;}
  69. .kkcrm_visual .image-box {right:0; margin-right:0; margin-left:-50px; margin-top:120px;}
  70. .service-style-three .col-lg-4 {flex: 0 0 50%; max-width: 50%;}
  71. .service-style-three .single-column{padding: 0px 15px;}
  72. .service-style-three .inner-container{margin: 0px;}
  73. .service-style-three .row {justify-content: flex-start;}
  74. .work-section .feature1 .col-lg-3 {flex: 0 0 50%; max-width: 50%; margin-bottom: 30px}
  75. .work-section .feature1 .single-item .inner-box {min-height: 290px;}
  76. .phpsupport.reasons-section .inner-content {padding-top:0;}
  77. .shop_solution.banner-section {padding-top:200px;}
  78. .shop_solution.reasons-section .inner-content {padding-top:0;}
  79. .searchengine.banner-style-six {padding: 160px 0px 260px 0px;}
  80. .searchengine.banner-style-six .content-box {margin-top: 30px;}
  81. .searchengine.banner-style-six .image-box {margin-right: -220px; top: 72px; right: 80px;}
  82. .elastic .content-box h1 {font-size:40px;}
  83. .banner-style-seven {padding-top:180px;}
  84. .banner-style-seven .image-layer {width: 110%;}
  85. .banner-style-seven .content-box {margin-left:50px;}
  86. .banner-style-seven .image-box .image {margin-left:-120px;}
  87. .banner-style-five {padding-top:180px; padding-bottom:200px;}
  88. .banner-style-five .content-box {margin-left:50px;}
  89. .banner-style-five .content-box h1 {font-size:40px;}
  90. .banner-style-five .content-box h2 {font-size:18px;}
  91. .banner-style-five .image-box .image-2 {margin-left:0; right:0;}
  92. .erp.Slogan-section .wraper {margin-top:0;}
  93. */
  94. .slider-area .carousel-inner .carousel-item .carousel-captions .content {margin-top:145px;}
  95. .main_slider_wrapper .container {max-width:860px;}
  96. .main_slider_wrapper .col-xl-6:first-child {-ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%;}
  97. .main_slider_wrapper .col-xl-6:last-child { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
  98. .slider_main_img_wrapper {left:-325px;}
  99. .slider_main_img_wrapper img {width:100%; margin-left: 140px; }
  100. .slider-area .carousel-inner .carousel-item .caption-1, .slider-area .carousel-inner .carousel-item .caption-2, .slider-area .carousel-inner .carousel-item .caption-3{
  101. min-height:780px;
  102. }
  103. .header_btn li:first-child a{
  104. margin-right:14px;
  105. }
  106. .header_btn li:first-child a{
  107. width:100px;
  108. }
  109. .header_btn li:last-child a{
  110. width:100px;
  111. }
  112. .comapnay_content_wrapper h1{
  113. margin-top:0;
  114. }
  115. .header_btn li:first-child a {width: 95px; margin-right: 8px;}
  116. .pinmenu .image-box .image {margin-left:10px;}
  117. .pinmenu .image-column figure {width:100%; height:100%; padding-top:100%;}
  118. .platform .image-box { margin-right: -157px; right: 10%; margin-left: 0;}
  119. .platform .content-box h2 {margin-top:80px;}
  120. .platform .content-box h1 {font-size:42px;}
  121. .feature-section .content-box{
  122. padding-top: 0px;
  123. }
  124. .feature-style-three .inner-box:first-child .image-box .image-2{
  125. left: 0px;
  126. }
  127. .feature-style-three .inner-box:first-child .content-box{
  128. margin-right: 0px;
  129. }
  130. .feature-style-three .inner-box:first-child .image-box:before,
  131. .feature-style-three .inner-box:first-child .image-box:after,
  132. .feature-style-three .inner-box:last-child .image-box:before,
  133. .feature-style-three .inner-box:last-child .image-box:after,
  134. .pricing-section .tabs-content .tab .pricing-column .pricing-block-one .pricing-table:before,
  135. .pricing-block-one .pricing-table .table-header .price:before{
  136. display: none;
  137. }
  138. .feature-style-three .inner-box:last-child .content-box{
  139. margin-left: 0px;
  140. }
  141. .pricing-block-one .pricing-table .table-content li:before{
  142. display: none;
  143. }
  144. .pricing-block-one .pricing-table .table-content{
  145. padding: 37px 15px 20px 15px;
  146. text-align: center;
  147. }
  148. .pricing-block-one .pricing-table .table-footer{
  149. padding-left: 15px;
  150. text-align: center;
  151. }
  152. .testimonial-section .image-layer{
  153. top: 0px;
  154. }
  155. .download-section .content-box .download-btn .app-store-btn{
  156. margin-right: 10px;
  157. }
  158. .anim-icons{
  159. display: none !important;
  160. }
  161. .main-header .nav-box{
  162. display: none;
  163. }
  164. .banner-style-two .image-box .image{
  165. margin-left: 0px;
  166. }
  167. .feature-style-four .inner-box:first-child .content-box{
  168. margin-right: 0px;
  169. }
  170. .feature-style-four .inner-box:nth-child(2) .content-box{
  171. margin-left: 0px;
  172. }
  173. .feature-style-four .inner-box:first-child .content-box {
  174. padding-top: 40px;
  175. }
  176. .feature-style-four .inner-box .image-box:before{
  177. display: none;
  178. }
  179. .feature-style-four .inner-box:nth-child(3) .image-box{
  180. padding: 0px;
  181. }
  182. .testimonial-style-two .video-inner{
  183. margin-left: 0px;
  184. }
  185. .make-difference .image-box{
  186. margin: 0px;
  187. }
  188. .main-header .menu-area .btn-box{
  189. margin-left: 30px;
  190. }
  191. .main-header .main-menu .navigation > li {
  192. margin: 0px 15px;
  193. }
  194. .banner-style-three .image-box{
  195. margin-left: 0px;
  196. }
  197. .banner-style-three .image-layer {
  198. background-position: center;
  199. width: 100%;
  200. }
  201. .inside-software .inner-content .single-column{
  202. padding: 0px 15px;
  203. }
  204. .inside-software .inner-content{
  205. margin: 0px;
  206. padding: 0px;
  207. }
  208. .inside-software .content-box .text{
  209. padding-right: 0px;
  210. }
  211. #content_block_14 .content-box{
  212. margin-left: 0px !important;
  213. }
  214. .testimonial-style-three .thumb-box{
  215. display: none;
  216. }
  217. .testimonial-style-three .image-layer{
  218. width: 100%;
  219. }
  220. .banner-style-four .image-box{
  221. margin-left: 0px;
  222. }
  223. .service-style-two .inner-content .service-block{
  224. padding: 0px 15px;
  225. }
  226. .service-style-two .inner-content{
  227. margin: 0px;
  228. }
  229. .testimonial-style-four .testimonial-content .inner-box{
  230. min-height: 440px;
  231. }
  232. .pricing-style-three .tab .pricing-block-two:last-child{
  233. display: none;
  234. }
  235. .pricing-style-three {
  236. padding-top: 150px;
  237. }
  238. .main-header .menu-right-content {
  239. margin-left: 30px;
  240. }
  241. .banner-style-five .image-box{
  242. min-height: auto;
  243. margin: 0px;
  244. }
  245. .download-apps .image-box:before,
  246. .testimonial-style-five .testimonial-content .inner-box .icon-box{
  247. display: none;
  248. }
  249. .download-apps .content-box .download-btn .app-store-btn{
  250. margin-right: 20px;
  251. }
  252. .application-setup .single-column:nth-child(2){
  253. padding-top: 0px;
  254. }
  255. .optimization-application .content-box{
  256. padding-top: 0px;
  257. }
  258. .project-inquiry .content-inner .lower-content{
  259. margin-left: 0px;
  260. }
  261. .project-inquiry .content-inner .inner-content{
  262. padding: 0px;
  263. margin: 0px;
  264. }
  265. .project-inquiry .content-inner .inner-content .single-column{
  266. padding: 0px 15px;
  267. }
  268. .project-inquiry .content-inner .content-box{
  269. padding-top: 15px;
  270. }
  271. .project-inquiry .content-inner .inner-content .single-column:last-child{
  272. padding-top: 0px;
  273. }
  274. .testimonial-style-six .owl-nav{
  275. bottom: 0px;
  276. }
  277. .feature-style-seven{
  278. padding-top: 150px;
  279. }
  280. .feature-style-seven:before,
  281. .feature-style-seven:after{
  282. display: none;
  283. }
  284. .enterprise-section .single-item .inner-box,
  285. .enterprise-section .single-column:nth-child(2) .single-item .inner-box,
  286. .enterprise-section .single-column:nth-child(3) .single-item .inner-box{
  287. padding: 50px 30px;
  288. }
  289. .enterprise-section .single-item .inner-box .image-box,
  290. .enterprise-section .single-column:nth-child(2) .single-item .inner-box .image-box,
  291. .enterprise-section .single-column:nth-child(3) .single-item .inner-box .image-box{
  292. position: relative;
  293. right: 0px;
  294. bottom: 0px;
  295. left: 0px;
  296. margin-bottom: 30px;
  297. }
  298. .banner-style-eight .image-layer{
  299. width: 100%;
  300. background-position: bottom center;
  301. }
  302. .banner-style-eight{
  303. padding-top: 200px;
  304. }
  305. .reasons-section .inner-content .single-column,
  306. .dashboard-feature .inner-content .feature-column,
  307. .dashboard-feature .inner-content,
  308. .banner-style-ten{
  309. padding-top: 200px;
  310. }
  311. .check-work .inner-box .check-form .form-group input[type='text'],
  312. .check-work .inner-box .check-form .form-group input[type='email']{
  313. max-width: 260px;
  314. }
  315. .main-footer.style-four:before,.main-footer.style-four:after{
  316. display: none;
  317. }
  318. .testimonial-style-nine .testimonial-content{
  319. padding: 0px 100px;
  320. }
  321. .softwere-product .content-box{
  322. margin-right: 0px;
  323. }
  324. .testimonial-style-ten .user-thumb{
  325. margin: 0px;
  326. }
  327. .feature-style-ten .inner-container .inner-box .content-box:before{
  328. display: none;
  329. }
  330. .testimonial-style-ten .user-thumb{
  331. margin-bottom: 50px;
  332. }
  333. .testimonial-style-ten .content-box{
  334. margin-left: 0px;
  335. }
  336. .betterlook-section .content-box{
  337. margin-right: 0px;
  338. }
  339. .banner-style-12 .content-box{
  340. margin-right: 0px;
  341. }
  342. .banner-style-12 .image-box:before,
  343. .banner-style-13:before{
  344. display: none;
  345. }
  346. .designe-process-two .tab-btn-box .tab-btns li{
  347. width: 220px;
  348. }
  349. .designe-process-two .tabs-content .content-box{
  350. margin: 0px;
  351. }
  352. .banner-style-13 .image-layer{
  353. width: 100%;
  354. }
  355. .award-section .content-box .award-image{
  356. position: relative;
  357. left: 0px;
  358. top: 0px;
  359. margin-bottom: 50px;
  360. width: auto;
  361. }
  362. .award-section .content-box{
  363. padding: 40px 60px;
  364. text-align: center;
  365. }
  366. .feature-style-11 .inner-content .inner-box:first-child .image-box:before,
  367. .feature-style-11 .inner-content .inner-box:nth-child(2) .image-box:before,
  368. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box:before,
  369. .feature-style-11 .inner-content .inner-box:nth-child(4) .image-box:before,
  370. .feature-style-11 .inner-content .inner-box:last-child .image-box:before{
  371. display: none;
  372. }
  373. canvas{
  374. width: 200px !important;
  375. height: 200px !important;
  376. }
  377. .pricing-style-four .feature-inner .list li{
  378. padding: 25px 15px;
  379. }
  380. .testimonial-style-11 .inner-container:before{
  381. background-size: contain;
  382. }
  383. .testimonial-style-11 .inner-container{
  384. padding: 0px;
  385. }
  386. .testimonial-style-11 .inner-container .sec-title{
  387. padding: 0px 65px;
  388. }
  389. .testimonial-style-11 .inner-container .sec-title:before{
  390. display: none;
  391. }
  392. .testimonial-style-11 .testimonial-inner{
  393. padding-right: 120px;
  394. }
  395. .main-header.style-two .outer-container .main-box{
  396. padding: 0px 15px;
  397. }
  398. .main-header.style-two .main-menu .navigation > li{
  399. margin: 0px 10px;
  400. }
  401. .awesome-features .feature-block-two{
  402. margin: 30px 0px;
  403. }
  404. .powerful-management .inner-box{
  405. margin: 0px;
  406. }
  407. #content_block_37 .inner-box .company-list li a {
  408. width: 150px;
  409. }
  410. .main-header.home-15 .menu-right-content {
  411. margin-left: 15px;
  412. }
  413. .main-header.home-15 .menu-area .btn-box{
  414. margin-left: 15px;
  415. }
  416. .main-header.home-15 .search-box-outer {
  417. margin-right: 15px;
  418. }
  419. .main-header.home-15 .main-menu .navigation > li {
  420. margin: 0px 10px;
  421. }
  422. .feature-style-13 .inner-box .image-box:before{
  423. display: none;
  424. }
  425. .feature-style-13{
  426. padding-bottom: 100px;
  427. }
  428. .case-block-one .inner-box .image-box .box a{
  429. margin: 0px 15px;
  430. }
  431. .case-block-one .inner-box .image-box .box a:before{
  432. right: -18px;
  433. }
  434. .case-block-one .inner-box .lower-content{
  435. padding: 35px 0px;
  436. }
  437. .counter-style-three .inner-box{
  438. width: 200px;
  439. height: 200px;
  440. }
  441. .counter-style-three .inner-box:after{
  442. width: 220px;
  443. height: 220px;
  444. }
  445. .check-website:before,
  446. .check-website:after{
  447. display: none;
  448. }
  449. .banner-style-17 .image-layer,
  450. .banner-style-17:before{
  451. display: none;
  452. }
  453. .banner-style-17 .image-box{
  454. margin-left: 0px;
  455. }
  456. .rider-section .inner-content .inner-box .content-box .btn-box{
  457. display: block;
  458. }
  459. .rider-section .inner-content .inner-box .content-box .btn-box a{
  460. width: 240px;
  461. }
  462. .rider-section .inner-content .inner-box .content-box .btn-box .theme-btn-two{
  463. margin-bottom: 10px;
  464. }
  465. .news-style-two .news-block,
  466. .best-hosting .single-column{
  467. padding: 0px 15px;
  468. }
  469. .news-style-two .inner-content,
  470. .best-hosting .inner-content{
  471. padding: 0px;
  472. margin: 0px;
  473. }
  474. .banner-style-18 .content-box{
  475. margin-top: 50px;
  476. }
  477. .best-hosting .single-item .inner-box{
  478. padding-left: 30px;
  479. min-height: 450px;
  480. }
  481. .increase-website .content-box,
  482. .managed-wordpress .content-box{
  483. margin: 0px;
  484. }
  485. .service-style-four .service-block-three .inner-box{
  486. max-height: 100%;
  487. padding: 0px 30px 55px 30px;
  488. min-height: 380px;
  489. }
  490. .main-footer.style-six .about-widget .download-btn a{
  491. width: 175px;
  492. }
  493. .main-footer.style-six .about-widget .download-btn .app-store-btn{
  494. margin-bottom: 10px;
  495. }
  496. .banner-style-19 .content-box .btn-box a.btn-one{
  497. margin-right: 2px;
  498. }
  499. .popular-causes .image-box .image{
  500. position: relative;
  501. top: 0px;
  502. }
  503. .weworks-section .inner-box .single-column{
  504. padding: 0px 15px;
  505. }
  506. .weworks-section .inner-box:before,
  507. .social-fundraising .image-box:before,
  508. .donate-section:before,
  509. .donate-section:after{
  510. display: none;
  511. }
  512. .social-fundraising .content-box{
  513. margin: 0px;
  514. }
  515. #content_block_52 .content-box .events-slide .single-item .inner-box{
  516. padding: 30px 120px 30px 30px;
  517. }
  518. #content_block_52 .content-box .events-slide .single-item .date{
  519. padding: 40px 30px 30px 20px;
  520. }
  521. #content_block_52 .content-box .bx-viewport{
  522. min-height: 580px !important;
  523. }
  524. .main-header.style-four .menu-area .btn-box,
  525. .main-header.style-four .menu-right-content .nav-btn{
  526. margin-left: 15px;
  527. }
  528. .main-header.style-four .search-box-outer {
  529. margin-right: 15px;
  530. }
  531. .main-header.style-four .menu-right-content{
  532. margin-left: 20px;
  533. }
  534. .main-header.style-four .main-menu .navigation > li{
  535. margin: 0px 12px;
  536. }
  537. .faq-section .faq-sidebar{
  538. margin-right: 0px;
  539. }
  540. .subscribe-style-five .content-box{
  541. margin-left: 0px;
  542. }
  543. .pricing-section .pricing-column{
  544. padding: 0px 15px;
  545. }
  546. .pricing-section .tabs-box{
  547. margin: 0px;
  548. }
  549. .contact-section .info-content .single-info-box{
  550. padding: 0px;
  551. }
  552. .management-section .tabs-content .image-box{
  553. min-height: auto;
  554. }
  555. .testimonial-style-five .owl-dots{
  556. display: none;
  557. }
  558. #content_block_40 .inner-box .single-item:nth-child(2){
  559. margin-left: 0px;
  560. }
  561. .crypto-service .inner-content .single-column{
  562. padding: 0px 15px;
  563. }
  564. .timeline-work .inner-content .single-item{
  565. width: 33.333%;
  566. margin: 30px 0px;
  567. }
  568. .pricing-block-two .pricing-table .choice-box{
  569. display: none;
  570. }
  571. .feature-style-ten .inner-container .inner-box:first-child .image-box,
  572. .feature-style-ten .inner-container .inner-box:nth-child(2) .content-box,
  573. .feature-style-ten .inner-container .inner-box:nth-child(3) .image-box,
  574. .feature-style-ten .inner-container .inner-box:last-child .content-box{
  575. margin-left: 0px;
  576. }
  577. .feature-style-ten .inner-container .inner-box:first-child .content-box,
  578. .feature-style-ten .inner-container .inner-box:nth-child(2) .image-box,
  579. .feature-style-ten .inner-container .inner-box:nth-child(3) .content-box,
  580. .feature-style-ten .inner-container .inner-box:last-child .image-box,
  581. .software-product .content-box{
  582. margin-right: 0px;
  583. }
  584. .main-header.home-19 .menu-area .btn-box{
  585. margin-left: 30px;
  586. }
  587. .chicklet-list li.other-amount{
  588. width: 100%;
  589. }
  590. .chicklet-list li span{
  591. position: relative;
  592. left: 0px;
  593. top: 0px;
  594. margin-right: 15px;
  595. }
  596. .news-block-three .inner-box .lower-content h3{
  597. font-size: 20px;
  598. line-height: 30px;
  599. }
  600. .testimonial-style-four .testimonial-content .inner-box .author-info .name{
  601. font-size: 16px;
  602. }
  603. .testimonial-style-four .testimonial-content .inner-box .author-info .designation{
  604. font-size: 12px;
  605. }
  606. .testimonial-style-six .inner-box{
  607. top: 80px;
  608. }
  609. .banner-style-12:after{
  610. display: none;
  611. }
  612. #iamge_block_02 .image-2{
  613. left: -15PX;
  614. }
  615. #iamge_block_03 .image-box .bg-layer{
  616. left: -150px;
  617. }
  618. .pricing-section .tabs-content .tab .pricing-column .pricing-block-one .pricing-table .image{
  619. display: none;
  620. }
  621. .pricing-block-one .pricing-table .table-content li{
  622. padding-left: 0px;
  623. }
  624. .pricing-block-one .pricing-table .table-footer{
  625. padding-bottom: 40px;
  626. }
  627. #content_block_05 .content-box .download-btn .app-store-btn{
  628. margin-right: 20px;
  629. }
  630. .feature-style-five .inner-box:nth-child(2){
  631. margin-bottom: 100px;
  632. }
  633. #content_block_16 .content-box .download-btn .app-store-btn{
  634. margin-right: 20px;
  635. }
  636. .feature-style-ten .inner-container .inner-box .content-box .bg-layer{
  637. display: none;
  638. }
  639. #content_block_30 .content-box{
  640. margin-right: 0px;
  641. }
  642. #image_block_34 .image-box img{
  643. max-width: 100%;
  644. width: 100%;
  645. float: none;
  646. }
  647. .check-website .vactor-bg,
  648. .banner-style-17 .image-shap,
  649. .donate-section .pattern-box,
  650. #video_block_02 .inner-box .image-box .pattern-bg,
  651. .banner-style-19 .image-box .bg-layer,
  652. .banner-style-19 .image-bg{
  653. display: none;
  654. }
  655. .feature-style-13 .inner-box .content-box{
  656. margin-top: 0px;
  657. }
  658. .banner-style-19 .image-box{
  659. margin: 0px;
  660. }
  661. .banner-style-two .image-box{
  662. margin-left: 0px;
  663. }
  664. .nav-outer .mobile-nav-toggler{
  665. display: block;
  666. margin: 0;
  667. padding: 24px 0;
  668. }
  669. .main-header.home-4 .menu-area .mobile-nav-toggler .icon-bar{
  670. background: #fff;
  671. }
  672. .main-header.style-two .menu-area .mobile-nav-toggler{
  673. margin-top: 33px;
  674. }
  675. .main-header.style-two .menu-area .mobile-nav-toggler .icon-bar{
  676. background: #fff;
  677. }
  678. .main-menu{
  679. display: none !important;
  680. }
  681. .banner-style-two .image-layer,
  682. #image_block_06 .image-box .bg-layer,
  683. #image_block_07 .image-box .bg-layer,
  684. #content_block_08 .content-box .image,
  685. #content_block_10 .content-box .image{
  686. display: none;
  687. }
  688. #image_block_08 .image-box, #image_block_09 .image-box{
  689. padding: 0px;
  690. }
  691. #content_block_07 .content-box{
  692. padding-top: 0px;
  693. }
  694. .feature-style-four .inner-box:last-child .content-box,
  695. #content_block_08 .content-box{
  696. margin-left: 0px;
  697. }
  698. #video_block_01 .video-inner{
  699. margin-left: 0px;
  700. }
  701. .main-header .menu-right-content{
  702. margin: 40px 15px 0px 0px;
  703. }
  704. .main-header.home-5 .menu-area .mobile-nav-toggler .icon-bar{
  705. background: #4527a4;
  706. }
  707. .main-header.home-3 .menu-area .btn-box{
  708. margin: 38px 15px 0px 0px;
  709. }
  710. .main-header .menu-area .btn-box{
  711. margin: 38px 15px 0px 0px;
  712. }
  713. .main-header.home-15 .menu-right-content{
  714. margin-top: 23px;
  715. }
  716. .main-header.home-16 .menu-area .btn-box {
  717. margin: 33px 15px 0px 0px;
  718. }
  719. .main-header.home-17 .menu-area .btn-box {
  720. margin-top: 32px;
  721. }
  722. .main-header.home-19 .menu-area .btn-box {
  723. margin: 32px 15px 0px 0px;
  724. }
  725. .sticky-header{
  726. display: none !important;
  727. }
  728. .feature-style-eight .pattern-bg,
  729. .service-style-three .image-layer,
  730. .solve-problem .image-layer,
  731. .banner-style-12 .image-box .bg-layer,
  732. .news-section.home-16 .pattern-bg{
  733. display: none;
  734. }
  735. #image_block_26 .image-box .bg-layer{
  736. display: none;
  737. }
  738. .main-header.style-four .menu-right-content{
  739. margin: 20px 15px 0px 0px;
  740. }
  741. .portfolio-details .content-box{
  742. margin-left: 0px;
  743. }
  744. .main-header.home-5 .menu-right-content .cart-box-outer a,
  745. .main-header.home-5 .search-box-btn{
  746. color: #222;
  747. }
  748. .main-footer.style-four .pattern-bg,
  749. .banner-style-five .pattern-layer{
  750. display: none;
  751. }
  752. }
  753. @media only screen and (max-width:1024px) {
  754. .main_solution .row {flex-direction:column-reverse;}
  755. .main_solution .main_column2 .row,
  756. .main_solution .main_column4 .row {flex-direction:column;}
  757. .main_solution .row > div {flex:0 0 100%; max-width:100%;}
  758. #image_block_24 .image-box img {float:none;}
  759. .main_solution figure{text-align: center;}
  760. .solve-problem {padding-bottom:60px;}
  761. #image_block_25 .image-box img {width:auto; margin:0;}
  762. .main_solution .dw_feature {padding-left:15px; padding-right:15px;}
  763. .main_solution .dw_feature .row {flex-direction:row;}
  764. .main_solution .dw_feature .row > div {max-width:none;}
  765. .main_solution .dw_feature .img_box {flex: 0 0 64px; width:64px;}
  766. .main_solution .dw_feature .text {flex:1;}
  767. .main_solution .main_column2 {margin-bottom:0;}
  768. .blog-content {padding:15px 0 0px;}
  769. .shop_solution.banner-section .image-box .image-1 {right: -345px;}
  770. .shop_solution.banner-section .content-box h1 {margin-top:10px; margin-bottom:0; font-size:60px; line-height:1.3;}
  771. .shop_solution.banner-section .content-box h2,
  772. shop_solution.banner-section .content-box h3 {font-size:38px;}
  773. .shop_solution .btn-box {margin-top:20px;}
  774. .slider_main_img_wrapper img {width:540px; margin-left: 180px;}
  775. .header_btn li:first-child a{
  776. width:95px; margin-right:8px;
  777. }
  778. .header_btn li:last-child a{
  779. width:95px;
  780. }
  781. .news_btn li:first-child a, .news_btn li:last-child a{
  782. width:150px;
  783. }
  784. .page-title {padding: 180px 0px 100px 0px;}
  785. .contact-section {padding: 80px 0px 100px 0px;}
  786. }
  787. @media only screen and (max-width: 991px){
  788. .main-header.style-four .outer-container .logo-box .logo {width:146px; padding:16px 0;}
  789. .menu-area .mobile-nav-toggler {margin-top:20px;}
  790. .main-header .menu-area .btn-box {margin: 37px 15px 0px 0px;}
  791. .margin_left_30{margin-left: 0px !important;}
  792. .margin_right_30{margin-right: 0px !important;}
  793. .margin_left_100{margin-left: 0px !important;}
  794. .m_quote .tabs li {width: calc(33.33% - 8px); margin: 4px;}
  795. .tb_vertical tbody .btn {max-width:80px;}
  796. .tb_vertical thead th,
  797. .tb_vertical tbody td {padding:15px 10px;}
  798. .tb_vertical tbody tr:first-of-type td {padding-top:20px;}
  799. .m_youtube .list li {width:50%;}
  800. .m_blog .list li {width:50%;}
  801. .quote {padding-left:0; padding-right:0;}
  802. .quote .tabs li {margin: 4px;}
  803. .golf .quote .tabs li {width: calc(25% - 8px);}
  804. .quote caption {top:75px;}
  805. .quote .tb_vertical thead tr {top:120px;}
  806. .condo .quote .tabs li,
  807. .fitness .quote .tabs li {width: calc(33.33% - 8px);}
  808. .download-apps .image-box{
  809. margin: 0px;
  810. }
  811. .download-apps .image-box .image-2{
  812. position: relative;
  813. top: 0px;
  814. text-align: center;
  815. margin-bottom: 30px;
  816. }
  817. .download-apps.home-17 .image-box,
  818. #image_block_42 .image-box{
  819. margin: 0px 0px 30px 0px;
  820. }
  821. .download-apps .image-box .image-1{
  822. left: 0px;
  823. text-align: center;
  824. margin-bottom: 30px;
  825. }
  826. .innovative-idea .single-item .inner-box{
  827. padding-bottom: 30px;
  828. }
  829. #image_block_43 .image-box .bg-layer{
  830. display: none;
  831. }
  832. .application-setup .single-item{
  833. margin-bottom: 60px;
  834. }
  835. #image_block_43 .image-box{
  836. margin: 0px 0px 30px 0px;
  837. }
  838. .testimonial-style-five:before,
  839. .testimonial-style-five:after,
  840. #content_block_48 .inner-box .bg-layer,
  841. #image_block_44 .image-box .bg-layer{
  842. display: none;
  843. }
  844. .testimonial-style-five .testimonial-content .inner-box .author-info{
  845. padding: 0px;
  846. }
  847. .testimonial-style-five .testimonial-content .inner-box .author-info .image-box{
  848. position: relative;
  849. margin-bottom: 15px;
  850. }
  851. .recruitment-section .single-item .inner-box{
  852. margin-bottom: 30px;
  853. }
  854. .project-inquiry .image-inner .image-box .image-1{
  855. float: none;
  856. margin-bottom: 50px;
  857. }
  858. .project-inquiry .image-inner .image-box .image-1 img{
  859. width: 100%;
  860. }
  861. .project-inquiry .image-inner .image-box .image-2{
  862. position: relative;
  863. bottom: 0px;
  864. text-align: center;
  865. }
  866. .project-inquiry .image-inner{
  867. margin-bottom: 50px;
  868. }
  869. .project-inquiry .content-inner .single-item{
  870. margin-bottom: 50px;
  871. }
  872. .testimonial-style-six .testimonial-content .image-box:before{
  873. display: none;
  874. }
  875. .testimonial-style-six .testimonial-content .image-box{
  876. margin: 0px;
  877. }
  878. .testimonial-style-six .sec-title{
  879. margin: 0px 0px 50px 0px;
  880. padding: 0px;
  881. }
  882. .testimonial-style-six .inner-box{
  883. top: 0px;
  884. margin-top: 0px;
  885. }
  886. .testimonial-style-six .testimonial-content .image-box:after{
  887. display: none;
  888. }
  889. .testimonial-style-six .testimonial-content .content-box{
  890. margin: 0px;
  891. padding-top: 30px;
  892. }
  893. .testimonial-style-six .owl-nav{
  894. position: relative;
  895. left: 0px;
  896. margin-left: 0px;
  897. text-align: center;
  898. }
  899. .subscribe-style-two .content-box{
  900. margin: 0px 0px 50px 0px;
  901. }
  902. .banner-style-seven .content-box{
  903. padding: 0px;
  904. margin-bottom: 30px;
  905. }
  906. .banner-style-seven .image-box{
  907. margin: 0px;
  908. }
  909. .banner-style-seven .image-box .image img{
  910. max-width: 100%;
  911. float: none;
  912. }
  913. .banner-style-seven{
  914. padding: 200px 0px 100px 0px;
  915. }
  916. .banner-style-seven .image-layer{
  917. width: 100%;
  918. background-position: center;
  919. }
  920. .feature-style-seven .inner-box:first-child .image-box img,
  921. .device-friendly .image-box img,
  922. .banner-style-eight .image-box img{
  923. max-width: 100%;
  924. float: none;
  925. }
  926. .feature-style-seven .inner-box .image-box{
  927. margin-bottom: 40px;
  928. }
  929. .feature-style-seven .inner-box:first-child .content-box{
  930. margin-left: 0px;
  931. }
  932. .feature-style-seven .inner-box:last-child .content-box{
  933. margin: 0px 0px 40px 0px;
  934. }
  935. .enterprise-section{
  936. padding-bottom: 0px;
  937. }
  938. .device-friendly .image-box{
  939. margin: 0px;
  940. }
  941. .device-friendly .content-box{
  942. margin: 0px;
  943. padding-top: 60px;
  944. }
  945. .banner-style-eight .image-layer{
  946. display: none;
  947. }
  948. .banner-style-eight{
  949. background: #4527a4;
  950. }
  951. .banner-style-eight .content-box{
  952. margin: 0px 0px 50px 0px;
  953. }
  954. /*지워도 됨
  955. .reasons-section{
  956. padding: 100px 0px 70px 0px;
  957. }
  958. */
  959. .reasons-section .single-item{
  960. margin-bottom: 30px;
  961. }
  962. .feature-style-eight .inner-box:first-child .image-box,
  963. .feature-style-eight .inner-box:last-child .image-box{
  964. margin: 0px 0px 40px 0px;
  965. }
  966. .feature-style-eight .inner-box:nth-child(2) .image-box{
  967. margin: 40px 0px 0px 0px;
  968. }
  969. .testimonial-style-seven .thumb-box{
  970. display: none;
  971. }
  972. .banner-style-nine{
  973. padding-bottom: 150px;
  974. }
  975. .dashboard-feature .content-box{
  976. margin-bottom: 30px;
  977. }
  978. .dashboard-feature .inner-content .feature-column:last-child{
  979. padding-top: 0px;
  980. }
  981. .support-section .inner-box .content-box{
  982. margin-bottom: 40px;
  983. }
  984. .support-section .inner-box .image-box{
  985. margin: 0px;
  986. }
  987. .support-section .inner-box:last-child .image-box img{
  988. max-width: 100%;
  989. float: none;
  990. width: 100%;
  991. }
  992. .support-section .inner-box:last-child .content-box{
  993. margin: 40px 0px 0px 0px;
  994. }
  995. .trusted-section .image-box .image{
  996. position: relative;
  997. }
  998. .trusted-section .image-box{
  999. min-height: auto;
  1000. }
  1001. .trusted-section .fact-counter .inner-box{
  1002. margin-bottom: 30px;
  1003. }
  1004. .banner-style-ten .content-box,
  1005. #content_block_25 .content-box,
  1006. .counter-style-two .image-box{
  1007. margin: 0px 0px 40px 0px;
  1008. }
  1009. .banner-style-ten .image-box img,
  1010. .solve-problem .image-box img{
  1011. max-width: 100%;
  1012. float: none;
  1013. width: 100%;
  1014. }
  1015. .transactions-work.elements{
  1016. padding: 100px 0px 150px 0px !important;
  1017. }
  1018. .transactions-work.elements .content-box{
  1019. margin-top: 0px;
  1020. }
  1021. .banner-style-ten .image-box{
  1022. margin: 0px;
  1023. }
  1024. .service-style-three .single-column:nth-child(2),
  1025. .service-style-three .single-column:last-child{
  1026. padding-top: 0px;
  1027. }
  1028. .marketing-benefits .content-box{
  1029. margin: 0px 0px 60px 0px;
  1030. }
  1031. .check-work .inner-box{
  1032. padding: 0px;
  1033. }
  1034. .banner-style-11 {
  1035. padding: 200px 0px;
  1036. }
  1037. /* 필요없으면 지워도 됨
  1038. .banner-style-11 .vector-image{
  1039. display: none;
  1040. }*/
  1041. .organization-section .single-item{
  1042. margin-bottom: 30px;
  1043. }
  1044. .security-invisible .content-box{
  1045. margin: 0px 0px 40px 0px;
  1046. }
  1047. .security-invisible .image-box img,
  1048. .feature-style-ten .inner-container .inner-box .image-box img,
  1049. .software-product .image-box img,
  1050. #image_block_30 .image-box img,
  1051. .streamline-section .image-box img,
  1052. .banner-style-13 .image-box img,
  1053. .solution-section #image_block_31 .image-box img,
  1054. #image_block_32 .image-box img{
  1055. max-width: 100%;
  1056. float: none;
  1057. width: 100%;
  1058. }
  1059. .betterlook-section .pattern-bg1,
  1060. .betterlook-section .pattern-bg2{
  1061. display: none;
  1062. }
  1063. .solution-section .inner-content .inner-box:first-child .content-box{
  1064. margin-left: 0px !important;
  1065. }
  1066. #content_block_29 .content-box,
  1067. .feature-style-ten .inner-container .inner-box:first-child .image-box{
  1068. padding: 0px;
  1069. margin: 0px 0px 40px 0px;
  1070. }
  1071. .feature-style-ten .inner-container .inner-box:nth-child(2) .image-box{
  1072. margin: 0px 0px 40px 0px;
  1073. }
  1074. .feature-style-ten .inner-container .inner-box:nth-child(2) .content-box,
  1075. .feature-style-ten .inner-container .inner-box:nth-child(3) .content-box,
  1076. .feature-style-ten .inner-container .inner-box:nth-child(3) .image-box,
  1077. .feature-style-ten .inner-container .inner-box:last-child .image-box{
  1078. padding: 0px;
  1079. margin: 0px 0px 40px 0px;
  1080. }
  1081. .feature-style-ten .inner-container .inner-box:nth-child(2) .image-box img{
  1082. float: none;
  1083. }
  1084. .feature-style-ten .inner-container .inner-box:last-child .content-box{
  1085. padding: 0px;
  1086. margin: 0px;
  1087. }
  1088. .software-product .content-box{
  1089. margin: 0px 0px 50px 0px;
  1090. }
  1091. .betterlook-section .content-box{
  1092. margin-bottom: 30px;
  1093. }
  1094. .banner-style-12:after,
  1095. .banner-style-12:before{
  1096. display: none;
  1097. }
  1098. .banner-style-12{
  1099. padding: 200px 0px 150px 0px;
  1100. }
  1101. .banner-style-12 .content-box,
  1102. .solution-section .inner-content .inner-box:first-child .image-box,
  1103. .solution-section .inner-content .inner-box:last-child .content-box,
  1104. #content_block_33 .content-box{
  1105. margin: 0px 0px 40px 0px;
  1106. }
  1107. .banner-style-12 .image-box{
  1108. margin: 0px;
  1109. padding: 0px;
  1110. }
  1111. .banner-style-12 .pattern-bg,
  1112. .banner-style-13 .image-shap{
  1113. display: none;
  1114. }
  1115. .solution-section .inner-content .inner-box:first-child .content-box,
  1116. .designe-process-two .tabs-content .image-box{
  1117. margin: 0px;
  1118. }
  1119. .designe-process-two .tab-btn-box .tab-btns li{
  1120. width: 172px;
  1121. font-size: 14px;
  1122. }
  1123. .designe-process-two .tabs-content .content-box{
  1124. margin-bottom: 40px;
  1125. }
  1126. .banner-style-13 .image-layer{
  1127. display: none;
  1128. }
  1129. .banner-style-13 .content-box{
  1130. margin-bottom: 60px;
  1131. }
  1132. .chooseus-section .inner-box{
  1133. margin-bottom: 30px;
  1134. }
  1135. .feature-style-11 .inner-content .inner-box:first-child .image-box img,
  1136. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box img,
  1137. .feature-style-11 .inner-content .inner-box:last-child .image-box img{
  1138. float: none;
  1139. width: 100%;
  1140. }
  1141. .feature-style-11 .inner-content .inner-box:nth-child(2) .image-box img,
  1142. .feature-style-11 .inner-content .inner-box:nth-child(4) .image-box img{
  1143. float: none;
  1144. width: 100%;
  1145. }
  1146. .feature-style-11 .inner-content .inner-box:first-child .image-box,
  1147. .feature-style-11 .inner-content .inner-box:nth-child(2) .content-box,
  1148. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box,
  1149. .feature-style-11 .inner-content .inner-box:last-child .image-box,
  1150. .feature-style-11 .inner-content .inner-box:nth-child(4) .content-box{
  1151. margin-bottom: 40px;
  1152. }
  1153. .feature-style-11 .inner-content .inner-box:nth-child(4){
  1154. margin-bottom: 100px;
  1155. }
  1156. .crm-programming .single-item{
  1157. padding-bottom: 30px;
  1158. }
  1159. .crm-programming{
  1160. padding-bottom: 0px;
  1161. }
  1162. .crm-programming .image-layer,
  1163. .feature-style-11 .inner-content .inner-box:first-child .image-box .bg-layer,
  1164. .feature-style-11 .inner-content .inner-box:nth-child(2) .image-box .bg-layer,
  1165. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box .bg-layer,
  1166. .feature-style-11 .inner-content .inner-box:nth-child(4) .image-box .bg-layer,
  1167. .feature-style-11 .inner-content .inner-box:last-child .image-box .bg-layer,
  1168. .testimonial-style-11 .inner-container .bg-layer,
  1169. #image_block_36 .image-box .bg-layer,
  1170. #image_block_37 .image-box .bg-layer{
  1171. display: none;
  1172. }
  1173. .pricing-style-four .pricing-table .table-footer{
  1174. position: relative;
  1175. bottom: 0px;
  1176. padding: 25px 0px;
  1177. }
  1178. .pricing-style-four .feature-inner h2{
  1179. min-height: 120px;
  1180. }
  1181. .pricing-style-four {
  1182. padding-bottom: 80px;
  1183. }
  1184. .testimonial-style-11 .inner-container .sec-title h2{
  1185. color: #222;
  1186. }
  1187. .testimonial-style-11 .testimonial-inner .testimonial-content .text,
  1188. .testimonial-style-11 .testimonial-inner .testimonial-content .author-info .designation,
  1189. .testimonial-style-11 .testimonial-inner .owl-prev,
  1190. .testimonial-style-11 .testimonial-inner .owl-next{
  1191. color: #777;
  1192. }
  1193. .testimonial-style-11 .testimonial-inner .testimonial-content .author-info .name{
  1194. color: #4527a4;
  1195. }
  1196. .testimonial-style-11 .testimonial-inner .owl-prev:hover,
  1197. .testimonial-style-11 .testimonial-inner .owl-next:hover{
  1198. color: #4527a4;
  1199. }
  1200. .testimonial-style-11 .testimonial-inner .owl-prev:before{
  1201. background: #777;
  1202. }
  1203. .testimonial-style-11 .inner-container:before{
  1204. display: none;
  1205. }
  1206. .testimonial-style-11 .testimonial-inner{
  1207. padding: 0px;
  1208. }
  1209. .banner-style-14 .content-box .image-box{
  1210. margin: 0px;
  1211. }
  1212. .feature-block-two .inner-box{
  1213. padding: 82px 10px 0px 10px;
  1214. }
  1215. .feature-style-12 .inner-box .content-box h2{
  1216. max-width: 100%;
  1217. }
  1218. .feature-style-12 .inner-box:first-child .content-box,
  1219. .feature-style-12 .inner-box:nth-child(2) .image-box,
  1220. .feature-style-12 .inner-box:last-child .content-box{
  1221. margin-bottom: 40px;
  1222. }
  1223. .powerful-management .content-box{
  1224. margin-bottom: 50px;
  1225. }
  1226. .work-section .single-item{
  1227. margin-bottom: 30px;
  1228. }
  1229. .feature-style-13 .inner-box:first-child .content-box,
  1230. .feature-style-13 .inner-box:last-child .image-box{
  1231. margin: 0px 0px 40px 0px;
  1232. }
  1233. .feature-style-13 .inner-box:last-child .content-box{
  1234. margin: 0px;
  1235. }
  1236. .feature-style-13 .inner-box:first-child .image-box img{
  1237. float: none;
  1238. max-width: 100%;
  1239. width: 100%;
  1240. }
  1241. .case-block-one .inner-box .lower-content h2{
  1242. font-size: 22px;
  1243. }
  1244. .counter-style-three .inner-box{
  1245. display: block;
  1246. margin: 30px auto;
  1247. }
  1248. .pricing-style-four.home-15 .feature-inner{
  1249. margin-bottom: 30px;
  1250. }
  1251. .pricing-style-four.home-15{
  1252. padding-bottom: 120px;
  1253. }
  1254. .main-header.home-16 .menu-area .btn-box{
  1255. margin: 32px 15px 0px 0px;
  1256. }
  1257. .transactions-work .content-box{
  1258. margin-bottom: 100px;
  1259. }
  1260. .crypto-service .single-item{
  1261. margin-bottom: 60px;
  1262. }
  1263. .crypto-service{
  1264. padding-bottom: 100px;
  1265. }
  1266. .take-control .single-column:nth-child(3) .single-item .inner-box,
  1267. .take-control .single-column:last-child .single-item .inner-box {
  1268. padding-bottom: 60px;
  1269. }
  1270. .subscribe-style-five .image-box{
  1271. margin: 0px 0px 40px 0px;
  1272. }
  1273. .main-footer.style-six .footer-top .about-widget{
  1274. margin-bottom: 30px;
  1275. }
  1276. .main-footer.style-six .footer-top:before,
  1277. .news-section.home-16:before,
  1278. .news-section.home-16:after{
  1279. display: none;
  1280. }
  1281. .main-header.home-17 .menu-area .btn-box{
  1282. margin-top: 32px;
  1283. }
  1284. .banner-style-17 .image-box img{
  1285. max-width: 100%;
  1286. float: none;
  1287. width: 100%;
  1288. }
  1289. .banner-style-17 .content-box{
  1290. padding: 0px;
  1291. margin-bottom: 60px;
  1292. }
  1293. .rider-section .inner-content .inner-box:first-child .image-box{
  1294. margin: 0px 0px 40px 0px;
  1295. }
  1296. .rider-section .inner-content .inner-box .content-box .btn-box{
  1297. display: flex;
  1298. }
  1299. .rider-section .inner-content .inner-box:last-child .image-box{
  1300. margin: 50px 0px 0px 0px;
  1301. }
  1302. .whereyou-section .content-box{
  1303. margin-bottom: 60px;
  1304. }
  1305. .whereyou-section .image-box img{
  1306. max-width: 100%;
  1307. float: none;
  1308. }
  1309. .whereyou-section .image-box{
  1310. margin: 0px;
  1311. }
  1312. .rider-section{
  1313. padding-bottom: 80px;
  1314. }
  1315. .ridesharing-section .single-item{
  1316. margin-bottom: 30px;
  1317. }
  1318. .download-apps .image{
  1319. margin-bottom: 40px;
  1320. }
  1321. .banner-style-18 .content-box{
  1322. max-width: 100%;
  1323. margin: 0px 0px 60px 0px;
  1324. }
  1325. .domain-section .inner-container{
  1326. padding: 80px 50px;
  1327. }
  1328. .best-hosting .single-item .inner-box{
  1329. min-height: auto;
  1330. }
  1331. .best-hosting .single-item{
  1332. margin-bottom: 50px;
  1333. }
  1334. .best-hosting{
  1335. padding-bottom: 50px;
  1336. }
  1337. .increase-website .content-box{
  1338. padding: 0px;
  1339. margin-bottom: 80px;
  1340. }
  1341. .increase-website .image-box{
  1342. margin: 0px;
  1343. }
  1344. .domain-prices .domain-name{
  1345. margin-bottom: 50px;
  1346. }
  1347. .managed-wordpress .image-layer{
  1348. height: 100%;
  1349. }
  1350. .managed-wordpress{
  1351. padding: 150px 0px;
  1352. }
  1353. .testimonial-style-nine.home-18{
  1354. padding-top: 100px;
  1355. }
  1356. .main-footer.style-five .footer-bottom .footer-nav{
  1357. float: none;
  1358. }
  1359. .banner-style-19:before{
  1360. display: none;
  1361. }
  1362. .main-header.home-19 .menu-area .btn-box{
  1363. margin: 32px 15px 0px 0px;
  1364. }
  1365. .banner-style-19{
  1366. padding: 200px 0px 120px 0px;
  1367. }
  1368. .banner-style-19 .image-box{
  1369. margin: 0px;
  1370. }
  1371. .banner-style-19 .image-box:before{
  1372. display: none;
  1373. }
  1374. .banner-style-19 .content-box{
  1375. margin-bottom: 60px;
  1376. }
  1377. .ourmission-section .single-item{
  1378. margin-bottom: 30px;
  1379. padding-bottom: 80px;
  1380. }
  1381. .ourmission-section{
  1382. padding-bottom: 100px;
  1383. }
  1384. .popular-causes .image-box,
  1385. .social-fundraising .image-box,
  1386. .campaing-section .content-box,
  1387. .donate-section .image-box{
  1388. margin: 0px 0px 40px 0px;
  1389. }
  1390. .popular-causes .image-box .image:before{
  1391. display: none;
  1392. }
  1393. .popular-causes{
  1394. padding: 120px 0px;
  1395. }
  1396. .weworks-section .content-box{
  1397. padding: 0px;
  1398. }
  1399. .campaing-section .image-box{
  1400. margin: 0px;
  1401. }
  1402. .events-section .inner-column .inner-box{
  1403. margin-top: 50px;
  1404. }
  1405. #content_block_52 .content-box .bx-viewport {
  1406. min-height: 500px !important;
  1407. }
  1408. .events-section .inner-box .image-box{
  1409. margin: 0px;
  1410. }
  1411. .main-header.style-four .menu-right-content{
  1412. margin-top: 20px;
  1413. }
  1414. #video_block_02 .inner-box .image-box{
  1415. margin-right: 0px;
  1416. }
  1417. .events-section .inner-box .video-btn{
  1418. transform: translateX(-50%);
  1419. }
  1420. .news-style-three .inner-content{
  1421. margin: 0px;
  1422. }
  1423. .news-block-three .inner-box .lower-content{
  1424. margin: 0px 20px;
  1425. }
  1426. .service-details .service-sidebar{
  1427. margin: 0px 0px 30px 0px;
  1428. }
  1429. .service-details .service-details-content .two-column{
  1430. margin-bottom: 30px;
  1431. }
  1432. .pricing-style-four .feature-inner{
  1433. margin-bottom: 30px;
  1434. }
  1435. .service-details .service-details-content .two-column .content-box{
  1436. margin-bottom: 30px;
  1437. }
  1438. .our-history .image-box{
  1439. margin: 40px 0px 0px 0px;
  1440. }
  1441. .faq-section .faq-sidebar{
  1442. margin-bottom: 50px;
  1443. }
  1444. .pricing-style-four.pricing-page{
  1445. padding-bottom: 100px;
  1446. }
  1447. .error-section .content-box .error-image img{
  1448. width: 100%;
  1449. }
  1450. .sidebar-page-container .blog-content,
  1451. .sidebar-page-container .blog-single-content{
  1452. margin-bottom: 50px;
  1453. }
  1454. .contact-section .info-content .single-info-box{
  1455. margin-bottom: 30px;
  1456. }
  1457. .management-section:before,
  1458. .management-section:after{
  1459. display: none;
  1460. }
  1461. #content_block_47 .content-box .upper-box{
  1462. margin: 0px 0px 40px 0px;
  1463. }
  1464. #image_block_11 .image-box .layer-bg{
  1465. display: none;
  1466. }
  1467. .feature-style-three.elements {
  1468. padding: 150px 0px 250px 0px;
  1469. }
  1470. #image_block_19 .image-box{
  1471. margin-bottom: 30px;
  1472. }
  1473. #image_block_23 .image-box{
  1474. margin-top: 50px;
  1475. }
  1476. #image_block_34 .image-box,
  1477. #content_block_38 .content-box,
  1478. #default_image_block .image-box{
  1479. margin-bottom: 50px;
  1480. }
  1481. #content_block_42 .content-box{
  1482. margin-bottom: 30px;
  1483. }
  1484. #image_block_31 .image-box,
  1485. #content_block_32 .content-box{
  1486. margin-bottom: 30px;
  1487. }
  1488. }
  1489. @media (min-width: 992px) and (max-width: 1199px) {
  1490. .blog-content {
  1491. padding: 15px 12px 0px;
  1492. }
  1493. }
  1494. @media only screen and (min-width: 768px){
  1495. .container {width:auto;}
  1496. .main-menu .navigation > li > ul,
  1497. .main-menu .navigation > li > ul > li > ul{
  1498. display:block !important;
  1499. visibility:hidden;
  1500. opacity:0;
  1501. }
  1502. /* 지워도 됨
  1503. .banner-section .content-box {margin-left:75px;}
  1504. .feature2.row, .feature-style-11 .inner-box .row {margin-left:-15px; margin-right:-15px;}
  1505. .phpsupport.banner-section .content-box {margin-left:20px;}
  1506. .phpsupport.banner-section .content-box h1 {font-size: 50px; line-height:1.2;}
  1507. .shop_solution.banner-section .content-box {margin-left:50px;}
  1508. .shop_solution.banner-section .image-box .image-1 {right:0;}
  1509. */
  1510. }
  1511. @media only screen and (max-width: 768px){
  1512. .main_visual .swiper-slide > div {width:auto; padding-left:20px; padding-right:20px;}
  1513. .tb_vertical tbody .btn {font-size:14px;}
  1514. .tb_vertical .up i {margin-bottom:-12px;}
  1515. .tb_vertical thead th:nth-child(3),
  1516. .tb_vertical tbody td:nth-child(3) {display:none;}
  1517. .quote thead th:nth-child(3),
  1518. .quote tbody td:nth-child(3) {display:none;}
  1519. /*
  1520. tb_vertical table {border-top:2px solid var(--black);}
  1521. .tb_vertical thead {
  1522. border: none;
  1523. clip: rect(0 0 0 0);
  1524. height: 1px;
  1525. margin: -1px;
  1526. overflow: hidden;
  1527. padding: 0;
  1528. position: absolute;
  1529. width: 1px;
  1530. }
  1531. .tb_vertical th {display: block;}
  1532. .tb_vertical tr {display: block;margin-bottom:20px; border-bottom:1px solid #ddd;}
  1533. .tb_vertical tr:last-child {border-bottom:none;}
  1534. .tb_vertical tbody td {display:flex; align-items: center; width:100%; padding:10px; text-align: right;}
  1535. .tb_vertical tbody td:before {min-width: 90px; text-align: left;}
  1536. .tb_vertical td::before {content: attr(data-label); float: left; margin-right:auto; font-weight:700; text-transform: uppercase;}
  1537. .tb_vertical td:last-child {border-bottom: 0;}
  1538. .tb_vertical tbody .btn {margin:auto; margin-right:0; font-size:14px;}
  1539. .tb_vertical .up i {margin-bottom:-12px;}
  1540. */
  1541. .inquiry .input_form > div {flex-flow: row wrap; }
  1542. .inquiry label,
  1543. .inquiry input,
  1544. .inquiry select,
  1545. .inquiry textarea,
  1546. .qna-form label,
  1547. .qna-form input,
  1548. .qna-form select,
  1549. .qna-form textarea {width:100%;}
  1550. .inquiry .price input {width:50%;}
  1551. .inquiry label {padding:0 3px;}
  1552. .card_list li {width:calc(50% - 10px); padding:10px;}
  1553. .about .conts {flex-direction:column;}
  1554. .about .conts > div {width:100%;}
  1555. .about .conts_box {padding-right:0; padding-bottom:40px;}
  1556. #post-list .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  1557. .qna-list .blog-card > * {padding:20px 10px;}
  1558. .qna-list .qna-num {width:15%; padding-bottom:5px; align-items:flex-start;}
  1559. .qna-list .blog-title {width:85%; padding-bottom:5px; align-items:flex-start;}
  1560. .qna-list .qna-date {width: 50%; justify-content: left; padding-top:0; padding-left: 18%;}
  1561. .qna-list .qna-status {width: 50%; padding-top:0; justify-content: right;}
  1562. .qna-list .filter-btn .btn {height:40px;}
  1563. .qna-form .form-input-group {flex-flow:row wrap;}
  1564. .qna-form .contact-form {padding:15px 0;}
  1565. #post-list > .row > div {flex:0 0 50%; max-width:50%;}
  1566. /*지워도 됨
  1567. .main_slider_wrapper .col-md-12 {-ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important;}
  1568. .slider-area .carousel-inner .carousel-item .carousel-captions .content {margin-top:0; padding:80px 0; text-align: center;}
  1569. .slider-area .slider_btn {margin:0 auto;}
  1570. .newsletter_content_wrapper {width:100%; text-align:center; }
  1571. .news_btn {float:none; width:100%; margin-top:30px;}
  1572. .header_btn ul {display:flex; justify-content:center;}
  1573. .header_btn li a {width:150px!important;}
  1574. .trusted_company_wrapper {padding:40px 0;}
  1575. .comapnay_content_wrapper h1 {margin-bottom:20px; text-align: center;}
  1576. */
  1577. }
  1578. @media only screen and (max-width: 767px){
  1579. /*지워도 됨*
  1580. .banner-section{
  1581. padding-bottom: 120px;
  1582. }
  1583. .feature-section{
  1584. padding-top: 50px;
  1585. }
  1586. .rider-section.elements #content_block_42 .content-box{
  1587. margin-bottom: 0px;
  1588. }
  1589. .team-style-two,
  1590. .team-style-three,
  1591. .portfolio-section{
  1592. padding: 70px 0px 40px 0px;
  1593. }
  1594. .testimonial-style-six .testimonial-content .content-box .text{
  1595. line-height: 35px;
  1596. }
  1597. .service-details,
  1598. .pricing-style-four.paricing-page-3,
  1599. .portfolio-details{
  1600. padding: 70px 0px;
  1601. }
  1602. .team-block-two .image-box{
  1603. margin-bottom: 30px;
  1604. }
  1605. .application-setup.elements{
  1606. padding: 100px 0px 20px 0px !important;
  1607. }
  1608. .counter-style-three .four-item-carousel .inner-box {
  1609. margin: 50px auto;
  1610. }
  1611. .solution-section.elements #image_block_31 .image-box, #content_block_32 .content-box{
  1612. margin-bottom: 0px;
  1613. }
  1614. .feature-style-five.elements{
  1615. padding-bottom: 20px !important;
  1616. }
  1617. #content_block_44 .content-box{
  1618. margin-bottom: 30px;
  1619. }
  1620. .transactions-work.elements,
  1621. .increase-website.elements{
  1622. padding: 70px 0px !important;
  1623. }
  1624. .main-footer.style-five.style-seven{
  1625. padding-top: 0px;
  1626. }
  1627. #iamge_block_02 .image-box:after{
  1628. display: none;
  1629. }
  1630. .feature-style-three.elements{
  1631. padding: 70px 0px 40px 0px;
  1632. }
  1633. #content_block_27 .content-box{
  1634. margin-right: 0px;
  1635. }
  1636. .marketing-benefits #content_block_27 .content-box{
  1637. margin-bottom: 40px;
  1638. }
  1639. h2{
  1640. line-height: 45px !important;
  1641. }
  1642. #image_block_28 .image-box img{
  1643. max-width: 100%;
  1644. width: 100%;
  1645. }
  1646. #image_block_26 .image-box{
  1647. margin: 0px 0px 0px 0px;
  1648. }
  1649. .software-product.elements #content_block_30 .content-box{
  1650. padding-top: 0px;
  1651. }
  1652. .page-title.style-two{
  1653. padding: 160px 0px 80px 0px;
  1654. }
  1655. .optimization-application.elements #content_block_17 .content-box{
  1656. padding-top: 0px;
  1657. }
  1658. #content_block_30 .content-box .text{
  1659. padding-right: 0px;
  1660. }
  1661. .designe-process-two .tabs-content .image-box:before{
  1662. display: none;
  1663. }
  1664. .feature-style-two{
  1665. padding: 70px 0px 40px 0px;
  1666. }
  1667. #content_block_16 .content-box .text{
  1668. padding-right: 0px;
  1669. }
  1670. .sec-pad-two{
  1671. padding: 70px 0px !important;
  1672. }
  1673. .sec-pad-three{
  1674. padding: 70px 0px !important;
  1675. }
  1676. .sec-pad-four{
  1677. padding: 70px 0px 40px 0px !important;
  1678. }
  1679. .feature-style-three,
  1680. .pricing-section{
  1681. padding: 70px 0px;
  1682. }
  1683. #iamge_block_03 .image-box .image-1,
  1684. #iamge_block_03 .image-box .image-2{
  1685. display: block;
  1686. right: 0px;
  1687. }
  1688. #iamge_block_03 .image-box .image-1 img,
  1689. #iamge_block_03 .image-box .image-2 img{
  1690. width: 100%;
  1691. }
  1692. .video-section .video-inner{
  1693. padding-top: 0px;
  1694. }
  1695. .video-section{
  1696. padding: 100px 0px;
  1697. }
  1698. #content_block_04 .content-box{
  1699. margin-left: 0px;
  1700. padding-left: 30px;
  1701. }
  1702. #content_block_02 .content-box{
  1703. margin-right: 0px;
  1704. }
  1705. .sidebar-page-container .blog-single-content .inner-box .two-column .image-box{
  1706. margin: 0px 0px 30px 0px;
  1707. }
  1708. #iamge_block_02 .image-2,
  1709. #iamge_block_02 .image-box .image-1{
  1710. position: relative;
  1711. left: 0px;
  1712. top: 0px;
  1713. right: 0px;
  1714. }
  1715. #iamge_block_02 .image-box .image-1{
  1716. margin-bottom: 30px;
  1717. }
  1718. #iamge_block_02 .image-2 img,
  1719. #iamge_block_02 .image-box .image-1 img{
  1720. width: 100%;
  1721. }
  1722. .sidebar-page-container .blog-single-content .inner-box .two-column .text{
  1723. margin: 0px;
  1724. }
  1725. .pricing-section .tabs-content{
  1726. margin-bottom: 50px;
  1727. }
  1728. .testimonial-section{
  1729. padding: 70px 0px;
  1730. }
  1731. .ourmission-section .single-item{
  1732. padding-bottom: 50px;
  1733. }
  1734. .testimonial-section .image-layer{
  1735. height: 100%;
  1736. }
  1737. .download-section .content-box{
  1738. padding: 70px 0px 50px 0px;
  1739. }
  1740. .news-section{
  1741. padding: 65px 0px 50px 0px;
  1742. }
  1743. */
  1744. .main-footer{
  1745. padding-top: 0px;
  1746. }
  1747. .banner-style-two{
  1748. padding-bottom: 70px;
  1749. }
  1750. .feature-style-four,
  1751. .management-section,
  1752. .testimonial-style-two{
  1753. padding: 70px 0px;
  1754. }
  1755. .feature-style-four .inner-box:nth-child(3) .right-column .lower-image{
  1756. padding-top: 0px;
  1757. }
  1758. .feature-style-four .inner-box:nth-child(3),
  1759. .feature-style-four .inner-box:nth-child(2),
  1760. .feature-style-four .inner-box:first-child{
  1761. margin-bottom: 50px;
  1762. }
  1763. .make-difference{
  1764. padding: 70px 0px 100px 0px;
  1765. }
  1766. .subscribe-section .content-box{
  1767. padding-top: 30px;
  1768. }
  1769. .main-footer .footer-top{
  1770. padding-top: 50px;
  1771. }
  1772. #iamge_block_03 .image-box .image-2{
  1773. margin-bottom: 30px;
  1774. }
  1775. #content_block_03 .content-box{
  1776. margin-left: 0px;
  1777. }
  1778. .inside-software{
  1779. padding: 70px 0px 30px 0px;
  1780. }
  1781. .management-section .pattern-bg{
  1782. display: none;
  1783. }
  1784. .inside-software .inner-content .single-column:last-child{
  1785. padding-top: 0px;
  1786. }
  1787. .feature-style-five{
  1788. padding: 65px 0px 70px 0px;
  1789. }
  1790. .feature-style-five .inner-box:nth-child(2){
  1791. margin-bottom: 0px;
  1792. }
  1793. .feature-style-five .inner-box{
  1794. margin-bottom: 30px;
  1795. }
  1796. .feature-style-five .inner-box:first-child .image-box .image-2,
  1797. .feature-style-five .inner-box:nth-child(2) .image-box .image-2{
  1798. display: none;
  1799. }
  1800. .testimonial-style-three{
  1801. padding-bottom: 70px;
  1802. }
  1803. .pricing-style-two{
  1804. padding: 65px 0px 40px 0px;
  1805. }
  1806. .main-footer.style-two .image-layer{
  1807. display: none;
  1808. }
  1809. .main-footer.style-two{
  1810. background: #4527a4;
  1811. }
  1812. .banner-style-four {
  1813. padding: 170px 0px 60px 0px;
  1814. }
  1815. .service-style-two{
  1816. padding: 70px 0px 30px 0px;
  1817. }
  1818. .feature-style-six{
  1819. padding: 70px 0px 50px 0px;
  1820. }
  1821. .testimonial-style-four:before{
  1822. top: -500px;
  1823. }
  1824. .feature-style-six .inner-box:first-child{
  1825. margin-bottom: 60px;
  1826. }
  1827. .testimonial-style-four{
  1828. padding: 100px 0px 60px 0px;
  1829. }
  1830. .pricing-style-three{
  1831. padding: 65px 0px 70px 0px;
  1832. }
  1833. .banner-style-five{
  1834. padding: 170px 0px 80px 0px;
  1835. }
  1836. .innovative-idea{
  1837. padding-bottom: 40px;
  1838. }
  1839. .download-apps{
  1840. padding: 50px 0px 70px 0px;
  1841. }
  1842. .application-setup{
  1843. padding: 65px 0px 30px 0px;
  1844. }
  1845. .optimization-application{
  1846. padding: 65px 0px 70px 0px;
  1847. }
  1848. .subscribe-section.home-5{
  1849. padding-top: 70px;
  1850. }
  1851. .recruitment-section{
  1852. padding-bottom: 70px;
  1853. }
  1854. .project-inquiry .content-inner .top-content{
  1855. margin-bottom: 50px;
  1856. }
  1857. .industries-service{
  1858. padding-bottom: 70px;
  1859. }
  1860. .video-style-two,
  1861. .testimonial-style-six{
  1862. padding: 70px 0px;
  1863. }
  1864. .subscribe-style-two{
  1865. margin: 0px;
  1866. padding: 70px 0px;
  1867. }
  1868. .feature-style-seven{
  1869. padding: 70px 0px 30px 0px;
  1870. }
  1871. .banner-style-eight{
  1872. padding: 170px 0px 100px 0px;
  1873. }
  1874. /*지워도 됨
  1875. .reasons-section{
  1876. padding: 70px 0px 40px 0px;
  1877. }
  1878. */
  1879. .feature-style-eight .inner-box{
  1880. margin-bottom: 50px;
  1881. }
  1882. .testimonial-style-seven{
  1883. padding-top: 100px;
  1884. }
  1885. .clients-style-three{
  1886. padding-top: 70px;
  1887. }
  1888. .main-footer .footer-top{
  1889. padding-bottom: 40px;
  1890. }
  1891. .dashboard-feature{
  1892. padding-top: 70px;
  1893. }
  1894. .support-section .inner-box:last-child{
  1895. padding-top: 50px;
  1896. }
  1897. .support-section{
  1898. padding-bottom: 70px;
  1899. }
  1900. .trusted-section{
  1901. padding-bottom: 40px;
  1902. }
  1903. .testimonial-style-eight {
  1904. padding: 80px 0px 70px 0px;
  1905. }
  1906. .testimonial-style-eight .testimonial-content .inner-box{
  1907. padding: 40px 15px 0px 15px;
  1908. }
  1909. .subscribe-section.home-9{
  1910. padding-bottom: 70px;
  1911. }
  1912. .clients-style-three.home-9{
  1913. padding: 50px 0px;
  1914. }
  1915. .service-style-three{
  1916. padding-top: 70px;
  1917. }
  1918. .service-style-three:before,
  1919. .solve-problem:after{
  1920. display: none;
  1921. }
  1922. .solve-problem,
  1923. .counter-style-two{
  1924. padding-bottom: 70px;
  1925. }
  1926. .marketing-benefits,
  1927. .check-work{
  1928. padding: 60px 0px;
  1929. }
  1930. .testimonial-style-nine{
  1931. padding: 140px 0px;
  1932. }
  1933. .testimonial-style-nine .testimonial-content{
  1934. padding: 0px;
  1935. }
  1936. .testimonial-style-nine .owl-nav{
  1937. display: none;
  1938. }
  1939. .check-work .inner-box .check-form .form-group input[type='text'],
  1940. .check-work .inner-box .check-form .form-group input[type='email']{
  1941. max-width: 100%;
  1942. border: 1px solid #ddd;
  1943. border-radius: 30px;
  1944. margin-bottom: 30px;
  1945. }
  1946. .check-work .inner-box .check-form .form-group button{
  1947. position: relative;
  1948. right: 0px;
  1949. top: 0px;
  1950. }
  1951. .check-work .inner-box .check-form .form-group{
  1952. border: none;
  1953. }
  1954. .check-work .inner-box .check-form .form-group:before{
  1955. display: none;
  1956. }
  1957. /*필요없음 지움
  1958. .banner-style-11 .image-layer{
  1959. display: none;
  1960. }
  1961. .banner-style-11{
  1962. background: #4527a4;
  1963. padding: 170px 0px 100px 0px;
  1964. }
  1965. */
  1966. .organization-section{
  1967. padding-top: 70px;
  1968. }
  1969. .organization-section .more-btn{
  1970. margin-top: 30px;
  1971. }
  1972. .security-invisible,
  1973. .feature-style-ten{
  1974. padding: 70px 0px;
  1975. }
  1976. .testimonial-style-ten{
  1977. padding: 30px 0px 70px 0px;
  1978. }
  1979. .testimonial-style-ten .user-thumb{
  1980. display: none;
  1981. }
  1982. .subscribe-section.home-11{
  1983. padding-top: 70px;
  1984. }
  1985. .banner-style-12{
  1986. padding: 170px 0px 100px 0px;
  1987. }
  1988. .banner-style-12 .image-layer{
  1989. display: none;
  1990. }
  1991. .clients-section.home-12 .clients-carousel{
  1992. padding-bottom: 50px;
  1993. }
  1994. .designe-process,
  1995. .designe-process-three{
  1996. padding: 70px 0px 40px 0px;
  1997. }
  1998. .solution-section .inner-content .inner-box:first-child{
  1999. margin-bottom: 50px;
  2000. }
  2001. .solution-section,
  2002. .designe-process-two{
  2003. padding: 70px 0px;
  2004. }
  2005. .designe-process-two .tab-btn-box .tab-btns li{
  2006. width: 50%;
  2007. border-right: none;
  2008. }
  2009. .designe-process-three .owl-nav{
  2010. display: none;
  2011. }
  2012. .streamline-section{
  2013. margin: 0px;
  2014. padding: 70px 0px;
  2015. }
  2016. .banner-style-13{
  2017. padding-top: 170px;
  2018. }
  2019. .award-section,
  2020. .feature-style-11,
  2021. .pricing-style-four{
  2022. padding:30px 0px;
  2023. }
  2024. .good-feature .feature2 {margin-bottom:58px;}
  2025. .award-section .content-box{
  2026. padding: 40px 30px;
  2027. }
  2028. .feature-style-11 .inner-content .inner-box{
  2029. margin-bottom: 50px;
  2030. }
  2031. .crm-programming{
  2032. padding-top: 65px;
  2033. }
  2034. .pricing-style-four .pricing-table{
  2035. width: 100%;
  2036. }
  2037. .pricing-style-four .pricing-table .table-header{
  2038. border-right: none;
  2039. }
  2040. .pricing-style-four .pricing-table .table-footer{
  2041. border-bottom: 1px solid #e1e1e1;
  2042. }
  2043. .testimonial-style-11 .inner-container .sec-title{
  2044. padding: 0px;
  2045. }
  2046. .testimonial-style-11{
  2047. padding: 60px 0px;
  2048. }
  2049. .banner-style-14{
  2050. padding-top: 250px;
  2051. }
  2052. .awesome-features{
  2053. padding: 70px 30px;
  2054. }
  2055. .awesome-features .owl-dots{
  2056. display: none;
  2057. }
  2058. .feature-style-12{
  2059. padding: 65px 0px 70px 0px;
  2060. }
  2061. .feature-style-12 .inner-box{
  2062. margin-bottom: 50px;
  2063. }
  2064. .userfree-section,
  2065. .powerful-management,
  2066. .subscribe-style-three{
  2067. padding: 70px 0px;
  2068. }
  2069. .pricing-style-two .sec-title{
  2070. margin-bottom: 50px;
  2071. }
  2072. .main-footer.style-five .footer-top .about-widget{
  2073. margin-right: 0px;
  2074. }
  2075. .main-footer.style-five .image-layer{
  2076. display: none;
  2077. }
  2078. .main-footer.style-five{
  2079. background: #4527a4;
  2080. }
  2081. .main-header.home-15 .menu-area .btn-box{
  2082. display: none;
  2083. }
  2084. .main-header.home-15 .menu-right-content{
  2085. margin-top: 42px;
  2086. }
  2087. .banner-style-15{
  2088. padding: 170px 0px 100px 0px;
  2089. }
  2090. .work-section .feature-btn{
  2091. margin-top: 30px;
  2092. }
  2093. .feature-style-13 .inner-box:first-child{
  2094. margin-bottom: 50px;
  2095. }
  2096. .feature-style-13{
  2097. padding-bottom: 50px;
  2098. }
  2099. .case-studies{
  2100. padding: 70px 0px;
  2101. }
  2102. .case-studies .owl-dots,
  2103. .testimonial-style-12 .owl-dots{
  2104. display: none;
  2105. }
  2106. .counter-style-three,
  2107. .check-website{
  2108. padding: 70px 0px;
  2109. }
  2110. .testimonial-style-12,
  2111. .clients-section.home-15{
  2112. padding: 70px 0px;
  2113. }
  2114. .pricing-style-four.home-15{
  2115. padding-bottom: 70px;
  2116. }
  2117. .free-estimate{
  2118. padding: 100px 0px 70px 0px;
  2119. }
  2120. .free-estimate .inner-box .text,
  2121. .free-estimate .inner-box .btn-box{
  2122. float: none;
  2123. display: block;
  2124. }
  2125. .main-footer .footer-bottom .copyright{
  2126. float: none;
  2127. display: block;
  2128. text-align: center;
  2129. margin-bottom: 10px;
  2130. }
  2131. .banner-style-16 .lower-box .cs-countdown .count-col{
  2132. margin-bottom: 15px;
  2133. }
  2134. .banner-style-16{
  2135. padding: 170px 0px 100px 0px;
  2136. }
  2137. .transactions-work{
  2138. padding-bottom: 100px;
  2139. }
  2140. .crypto-service .image-layer{
  2141. display: none;
  2142. }
  2143. .crypto-service{
  2144. padding: 50px 0px 40px 0px;
  2145. }
  2146. .timeline-work{
  2147. padding: 65px 0px 40px 0px;
  2148. }
  2149. .single-column:last-child .single-item .inner-box{
  2150. margin-bottom: 0px;
  2151. }
  2152. .take-control{
  2153. padding: 70px 0px 100px 0px;
  2154. }
  2155. .team-section{
  2156. padding: 70px 0px;
  2157. }
  2158. .team-section .owl-dots{
  2159. display: none;
  2160. }
  2161. .team-block-one .inner-box .lower-content h2{
  2162. font-size: 24px;
  2163. }
  2164. .timeline-work .inner-content .single-item{
  2165. width: 50%;
  2166. min-height: 600px;
  2167. }
  2168. .rider-section,
  2169. .whereyou-section,
  2170. .news-style-two{
  2171. padding: 70px 0px;
  2172. }
  2173. .rider-section .inner-content .inner-box:first-child{
  2174. margin-bottom: 50px;
  2175. }
  2176. .ridesharing-section{
  2177. padding-bottom: 50px;
  2178. }
  2179. .download-apps.home-17{
  2180. padding: 70px 0px;
  2181. }
  2182. .best-hosting{
  2183. padding-top: 70px;
  2184. }
  2185. .increase-website{
  2186. padding-top: 60px;
  2187. }
  2188. .domain-prices .pricing-inner .pricing-table{
  2189. width: 100%;
  2190. margin-bottom: 30px;
  2191. }
  2192. .service-style-four .service-block:last-child .service-block-three{
  2193. margin-bottom: 0px;
  2194. }
  2195. .service-style-four{
  2196. padding-bottom: 70px;
  2197. }
  2198. .testimonial-style-nine.home-18{
  2199. padding: 0px 0px 50px 0px;
  2200. }
  2201. .subscribe-style-five.home-18 .image-layer,
  2202. .subscribe-style-five.home-18:before{
  2203. display: none;
  2204. }
  2205. .subscribe-style-five{
  2206. padding: 70px 0px !important;
  2207. }
  2208. .domain-section .search-form .form-group button{
  2209. position: relative;
  2210. top: 0px;
  2211. right: 0px;
  2212. }
  2213. .domain-section .search-form .form-group input[type='text']{
  2214. margin-bottom: 20px;
  2215. padding: 10px 15px;
  2216. }
  2217. .banner-style-19{
  2218. padding: 170px 0px 100px 0px;
  2219. }
  2220. .ourmission-section{
  2221. padding-bottom: 50px;
  2222. }
  2223. .weworks-section .content-box .upper-box{
  2224. margin: 0px 0px 30px 0px;
  2225. }
  2226. .weworks-section{
  2227. padding-top: 70px;
  2228. }
  2229. .social-fundraising,
  2230. .campaing-section,
  2231. .donate-section,
  2232. .news-style-three{
  2233. padding: 70px 0px;
  2234. }
  2235. .main-header.style-four .menu-area .btn-box{
  2236. display: none;
  2237. }
  2238. .main-header.style-four .menu-right-content{
  2239. margin-top: 42px;
  2240. }
  2241. .page-title{
  2242. padding: 170px 0px;
  2243. }
  2244. .our-history{
  2245. padding: 70px 0px;
  2246. }
  2247. .subscribe-style-five .image-box img{
  2248. max-width: 100%;
  2249. float: none;
  2250. width: 100%;
  2251. }
  2252. .clients-style-four.style-five,
  2253. .faq-section,
  2254. .question-section{
  2255. padding: 70px 0px;
  2256. }
  2257. .pricing-section.pricing-page{
  2258. padding-top: 70px;
  2259. }
  2260. .error-section{
  2261. padding: 100px 0px;
  2262. }
  2263. .designe-process.service-page{
  2264. padding: 70px 0px 40px 0px;
  2265. }
  2266. .sidebar-page-container{
  2267. padding: 70px 0px 50px 0px;
  2268. }
  2269. .sidebar-page-container .blog-single-content .author-box .author-inner .inner .social-links{
  2270. position: relative;
  2271. top: 0px;
  2272. margin-top: 15px;
  2273. }
  2274. .contact-section{
  2275. padding: 70px 0px;
  2276. }
  2277. .contact-section .info-content, .contact-section .image-container{
  2278. margin-bottom: 30px;
  2279. }
  2280. .owl-dots{
  2281. display: none !important;
  2282. }
  2283. .feature-style-six .inner-box:last-child .image-box img{
  2284. max-width: none;
  2285. float: none;
  2286. width: 100%;
  2287. }
  2288. .device-friendly{
  2289. padding-top: 90px;
  2290. }
  2291. .domain-section .domain-name li{
  2292. width: 33.333%;
  2293. margin: 15px 0px;
  2294. }
  2295. .pricing-style-four.pricing-page{
  2296. padding-bottom: 70px;
  2297. }
  2298. .testimonial-style-three .image-layer{
  2299. display: none;
  2300. }
  2301. .testimonial-style-three{
  2302. background: #4527a4;
  2303. padding-top: 60px;
  2304. }
  2305. .testimonial-style-three .sec-title h2{
  2306. color: #fff;
  2307. }
  2308. .news-block-two{
  2309. margin-bottom: 30px;
  2310. }
  2311. .make-difference .image-box:before{
  2312. display: none;
  2313. }
  2314. .testimonial-style-five:before{
  2315. position: absolute;
  2316. display: block;
  2317. content: '';
  2318. background: #4527a4;
  2319. width: 100%;
  2320. height: 100%;
  2321. left: 0px;
  2322. top: 0px;
  2323. animation: none;
  2324. }
  2325. .testimonial-style-five{
  2326. padding: 70px 0px !important;
  2327. }
  2328. .news-block-three{
  2329. margin-bottom: 30px;
  2330. }
  2331. .testimonial-style-four .testimonial-content .inner-box .author-info{
  2332. padding-left: 130px;
  2333. }
  2334. .feature-style-six .inner-box:first-child .image-box{
  2335. padding-top: 30px;
  2336. }
  2337. .innovative-idea .single-item{
  2338. padding-bottom: 30px;
  2339. }
  2340. .innovative-idea .single-column:last-child .single-item{
  2341. margin-bottom: 0px;
  2342. }
  2343. .download-apps .image-box .image-2{
  2344. margin-bottom: 45px;
  2345. }
  2346. #image_block_11 .image-box{
  2347. margin: 0px;
  2348. }
  2349. .banner-style-five .image-box .icon-box{
  2350. display: none;
  2351. }
  2352. #image_block_16 .image-box .image-2,
  2353. #image_block_16 .image-box .image-1{
  2354. position: relative;
  2355. top: 0px;
  2356. left: 0px;
  2357. display: block;
  2358. text-align: center;
  2359. }
  2360. #image_block_16 .image-box{
  2361. margin: 0px;
  2362. }
  2363. #image_block_19 .image-box img,
  2364. #image_block_21 .image-box img{
  2365. max-width: 100%;
  2366. float: none;
  2367. width: 100%;
  2368. }
  2369. #content_block_20 .content-box{
  2370. margin: 0px;
  2371. padding-top: 60px;
  2372. }
  2373. .banner-style-eight .image-box .image-2{
  2374. display: none;
  2375. }
  2376. #content_block_28 .content-box{
  2377. margin-right: 0px;
  2378. }
  2379. #image_block_29 .image-box img,
  2380. #image_block_33 .image-box img{
  2381. width: 100%;
  2382. max-width: 100%;
  2383. }
  2384. #content_block_05 .content-box{
  2385. padding-top: 70px;
  2386. }
  2387. #content_block_05 .content-box{
  2388. padding-bottom: 0px;
  2389. }
  2390. .feature-style-three .inner-box:first-child{
  2391. margin-bottom: 30px;
  2392. }
  2393. #image_block_08 .image-box .image-content,
  2394. #image_block_09 .image-box .image-content{
  2395. padding-bottom: 30px;
  2396. }
  2397. .subscribe-style-five #image_block_38 .image-box img,
  2398. .whereyou-section #image_block_40 .image-box img{
  2399. float: none;
  2400. max-width: 100%;
  2401. width: 100%;
  2402. }
  2403. #image_block_38 .image-box .bg-layer{
  2404. display: none;
  2405. }
  2406. #content_block_47 .content-box .counter-inner .single-counter-box{
  2407. margin-bottom: 30px;
  2408. }
  2409. #content_block_48 .inner-box .single-column,
  2410. #content_block_23 .inner-content .feature-column{
  2411. padding: 0px 15px;
  2412. }
  2413. }
  2414. @media only screen and (max-width: 599px){
  2415. /*지워도 됨
  2416. .main_info {margin-top: 60px;}
  2417. .main_info strong {font-size:44px;}
  2418. .feature-section .image-box .image img{
  2419. width: 100%;
  2420. }
  2421. .feature-style-three .inner-box:first-child .image-box .image-2,
  2422. .feature-style-three .inner-box:first-child .image-box .image-1,
  2423. .feature-style-three .inner-box:last-child .image-box .image-1,
  2424. .feature-style-three .inner-box:last-child .image-box .image-2{
  2425. position: relative;
  2426. left: 0px;
  2427. top: 0px;
  2428. right: 0px;
  2429. }
  2430. .feature-style-three .inner-box:first-child .image-box .image-2 img,
  2431. .feature-style-three .inner-box:first-child .image-box .image-1 img,
  2432. .feature-style-three .inner-box:last-child .image-box .image-1 img,
  2433. .feature-style-three .inner-box:last-child .image-box .image-2 img{
  2434. width: 100%;
  2435. }
  2436. .feature-style-three .inner-box:first-child .image-box .image-1,
  2437. .feature-style-three .inner-box:last-child .image-box .image-1{
  2438. margin-bottom: 30px;
  2439. }
  2440. #image_block_14 .image-box .image-2{
  2441. position: relative;
  2442. left: 0px;
  2443. bottom: 0px;
  2444. text-align: center;
  2445. }
  2446. .portfolio-details .upper-box{
  2447. margin-bottom: 30px;
  2448. }
  2449. .donate-form-area{
  2450. padding: 50px 30px;
  2451. }
  2452. .feature-style-six .inner-box:first-child .image-box .image-1{
  2453. margin-bottom: 30px;
  2454. }
  2455. .testimonial-style-four .testimonial-content .inner-box{
  2456. min-height: auto;
  2457. }
  2458. .optimization-application .image-box .image{
  2459. display: none;
  2460. }
  2461. .optimization-application .image-box .image-1{
  2462. display: block;
  2463. }
  2464. .optimization-application .image-box .image-1 img{
  2465. width: 100%;
  2466. }
  2467. .optimization-application .image-box{
  2468. padding: 0px;
  2469. }
  2470. .video-style-two .video-inner{
  2471. padding: 100px 0px;
  2472. }
  2473. .main-header.style-two .menu-area .btn-box{
  2474. display: none;
  2475. }
  2476. .clients-section .trusted-box {
  2477. padding: 15px 30px;
  2478. }
  2479. #content_block_37 .inner-box .company-list li{
  2480. width: 50%;
  2481. }
  2482. #content_block_37 .inner-box .company-list li:nth-child(2),
  2483. #content_block_37 .inner-box .company-list li:nth-child(5){
  2484. top: 0px;
  2485. }
  2486. */
  2487. .check-website .inner-container .subscribe-form .form-group button{
  2488. position: relative;
  2489. width: 100%;
  2490. }
  2491. .check-website .inner-container .subscribe-form .form-group input[type='text']{
  2492. margin-bottom: 15px;
  2493. padding: 10px 25px;
  2494. }
  2495. .timeline-work .inner-content .single-item{
  2496. width: 100%;
  2497. min-height: auto;
  2498. margin: 30px 0px;
  2499. }
  2500. .timeline-work .sec-title h2{
  2501. margin-bottom: 30px;
  2502. }
  2503. .subscribe-style-five .image-box:before{
  2504. display: none;
  2505. }
  2506. .rider-section .inner-content .inner-box .content-box .btn-box{
  2507. display: block;
  2508. }
  2509. .increase-website .image-box .image-2,
  2510. .increase-website .image-box .image-3{
  2511. display: none;
  2512. }
  2513. .events-section .content-box .events-slide .single-item .date:before{
  2514. display: none;
  2515. }
  2516. #content_block_52 .content-box .bx-viewport {
  2517. min-height: 580px !important;
  2518. }
  2519. .designe-process-three .inner-content{
  2520. margin-right: 0px;
  2521. }
  2522. .sidebar-page-container .blog-single-content .comments-area .comment.replay-comment{
  2523. margin-left: 0px;
  2524. }
  2525. .sidebar-page-container .blog-single-content .comments-area .comment{
  2526. padding-right: 0px;
  2527. }
  2528. .sidebar-page-container .blog-single-content .comments-area .comment .comment-inner .replay-btn{
  2529. right: 0px;
  2530. }
  2531. .video-style-two .vector-image{
  2532. display: none;
  2533. }
  2534. .banner-style-13 .image-box{
  2535. margin-left: 0px;
  2536. }
  2537. .award-section .content-box .award-image{
  2538. height: auto;
  2539. }
  2540. .crypto-service .inner-content{
  2541. margin: 0px;
  2542. }
  2543. .weworks-section .content-box .counter-inner .single-counter-box{
  2544. margin-bottom: 30px;
  2545. }
  2546. #content_block_04 .content-box{
  2547. padding: 70px 30px;
  2548. }
  2549. .management-section .tabs-content .image-box{
  2550. margin-bottom: 0px;
  2551. }
  2552. .main-footer .footer-top .contact-widget .list li:first-child{
  2553. margin-bottom: 0px;
  2554. }
  2555. .banner-style-two .image-box{
  2556. display: none;
  2557. }
  2558. .testimonial-style-four .testimonial-content .inner-box{
  2559. padding-left: 30px;
  2560. }
  2561. }
  2562. @media only screen and (max-width:576px){
  2563. :root {
  2564. --btm-space : 80px;
  2565. }
  2566. body {font-size:16px;}
  2567. input,
  2568. select,
  2569. .form-control {height:42px; padding:10px; font-size:15px!important; border-radius:8px;}
  2570. textarea {padding:10px; font-size:15px!important;}
  2571. label {margin-bottom:5px; font-size:14px;}
  2572. [type="radio"], [type="checkbox"], span {vertical-align:middle;}
  2573. .radio_box input {width:20px!important; height:20px;}
  2574. label.check_box {position:relative; padding-left: 30px;}
  2575. .check_box input,
  2576. .check_box input:checked {position:absolute; left:0;}
  2577. ::placeholder {font-size:15px;}
  2578. caption {padding-top:8px; padding-bottom:6px; font-size:12px;}
  2579. .btn {height:42px; border-radius:8px;}
  2580. .scroll-top.open {bottom:10px; right:10px;}
  2581. .main-header .container {padding:0 20px;}
  2582. .main_header .container {padding:20px;}
  2583. .main_visual {height:310px;}
  2584. .main_visual .swiper-slide > div {margin-top:24px;}
  2585. .main_visual strong {font-size:22px;}
  2586. .main_visual strong em {margin-top:0; font-size:32px; line-height:1;}
  2587. .main_visual p {margin-top:6px; font-size:16px;}
  2588. .main_visual .swiper-horizontal>.swiper-pagination-bullets,
  2589. .main_visual .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:10px;}
  2590. .quick_kbgolf {padding:0 3px!important;}
  2591. .quick_kbgolf li {min-width:60px; font-size:12px;}
  2592. .quick_kbgolf li:nth-child(3),
  2593. .quick_kbgolf li:nth-child(4) {padding:6px;}
  2594. .quick_kbgolf dl {flex-flow:wrap; padding:6px;}
  2595. .quick_kbgolf dt {width:100%; padding:0; padding-bottom:0; background:none; color:var(--primary); line-height:1;}
  2596. .quick_kbgolf dd {width:50%; padding:0; line-height:1;}
  2597. .quick_kbgolf dd strong {font-size:14px;}
  2598. .quick_kbgolf p {display:none;}
  2599. .m_sell {padding:8px 0 10px;}
  2600. .m_sell label {width:100%;}
  2601. .m_sell input {width:calc(100% - 105px);}
  2602. .m_sell .btn {width: 100px; font-size:14px; margin-left:5px;}
  2603. .m_quote {padding:20px 0 60px; font-size:14px;}
  2604. .m_quote .tabs {margin-bottom:8px;}
  2605. .m_quote .tabs li {width:calc(33.33% - 4px); height:42px; margin:2px;}
  2606. .m_quote .tb_vertical {height:300px;}
  2607. .m_quote .tb_vertical thead th,
  2608. .m_quote .tb_vertical tbody td,
  2609. .m_quote .tb_vertical tbody tr:first-of-type td {padding:10px;}
  2610. .m_quote caption {padding-top:0;}
  2611. .tb_vertical thead tr {top:20px;}
  2612. .tit_main {margin-bottom: 20px;}
  2613. .tit_main h2 {font-size:34px;}
  2614. .tit_main em {font-size:16px;}
  2615. .m_youtube,
  2616. .m_blog {padding:60px 0;}
  2617. .m_youtube .list li {width:100%; padding:5px 0;}
  2618. .m_youtube .m_more {margin-top:30px;}
  2619. .m_blog .list h4 {font-size:18px;}
  2620. .m_blog .list li {width:100%; padding:5px 0;}
  2621. .m_blog .list a {padding:10px;}
  2622. .m_blog .list p {font-size:14px;}
  2623. .m_blog .m_more,
  2624. .m_quote .m_more {margin-top:30px;}
  2625. .main-footer {padding:0;}
  2626. .main-footer .container {flex-direction:column-reverse; padding:0;}
  2627. .ft_left {padding:20px; padding-bottom:100px; text-align:center;}
  2628. .footer-logo img {width:180px;}
  2629. .ft_right {margin-left:0; padding:10px 20px; text-align:center; border-bottom:1px solid #ddd;}
  2630. .sub,
  2631. .sub, .sub_wrap {padding-top: 130px;}
  2632. .navi, .navi a {font-size: 14px;}
  2633. .navi i {font-size:12px;}
  2634. .title {margin-bottom:40px;}
  2635. .title h2 {font-size:32px;}
  2636. .search_ticket .container {padding:20px;}
  2637. .search_ticket label {width:100%;}
  2638. .search_ticket input {width:calc(100% - 105px);}
  2639. .search_ticket .btn {width: 100px; font-size:14px; margin-left:5px;}
  2640. .quote {padding:30px 0; font-size:14px;}
  2641. .quote .tabs {margin-bottom:5px;}
  2642. .quote .tabs li {height:50px;}
  2643. .stit {margin-bottom: 10px;}
  2644. .stit h3 {font-size:22px;}
  2645. .golf .quote .tabs li {width:calc(50% - 8px);}
  2646. .filter-label {font-size:12px;}
  2647. .inquiry .price input {width: 80%;}
  2648. .inquiry .personal {margin-bottom: 40px;}
  2649. .inquiry .btn_wrap {margin:0 0 80px;}
  2650. .inquiry .btn {max-width:100%;}
  2651. .inquiry .guide {padding:20px 0; font-size:15px;}
  2652. .captcha_wrap .py-5 {padding:20px 0!important;}
  2653. .captcha_wrap > div > div {flex-flow:row wrap;}
  2654. .captcha_wrap > div > div > div {width:100%;}
  2655. .captcha {background:#f6f6f6;}
  2656. .captcha img {height:80px;}
  2657. #captcha,
  2658. .inquiry .reload {width:100%; margin:5px 0;}
  2659. .inquiry .reload {max-width:100%; height:50px}
  2660. .card_list {margin:0;}
  2661. .card_list li {width:100%; padding:6px 0;}
  2662. .inquiry_list .card_list h4 {font-size:18px;}
  2663. .inquiry_list .status,
  2664. .inquiry_view .status {font-size:14px;}
  2665. .modal-footer .btn {height:50px;}
  2666. .about .txt_mid {font-size:20px;}
  2667. .about .txt_big {margin:0 0 20px; padding:0; font-size:28px;}
  2668. .about .name {margin-top: 40px;}
  2669. .map {margin-bottom:80px;}
  2670. .map_box {height:240px;}
  2671. .conts_box {margin-top: 20px; padding-left: 10px; font-size:15px;}
  2672. .conts_box dt {font-size:18px;}
  2673. .policy {margin-bottom:80px;}
  2674. .privacy-part .scrollspy-content > div {flex-flow:column nowrap; align-items:flex-start!important;}
  2675. .blog .container {padding-left:var(--side-space); padding-right:var(--side-space);}
  2676. .blog-card {margin-bottom:15px;}
  2677. .blog-meta {padding:10px;}
  2678. .blog-title {padding:0 10px; font-size: 18px;}
  2679. .blog-meta li span {font-size:13px;}
  2680. .blog-content button {padding:15px;}
  2681. .blog_details {padding-top:120px;}
  2682. .blog-details-part {padding-left:0; padding-right:0;}
  2683. .blog-standard-details {padding-left:var(--side-space); padding-right:var(--side-space); }
  2684. .blog-meta li {margin-right: 25px;}
  2685. .blog-content {padding: 15px 0 0px;}
  2686. .blog-details-meta li a,
  2687. .blog-details-meta li span {font-size:14px;}
  2688. .blog-details-meta li i {margin-right:5px; font-size:13px;}
  2689. .blog-details-title {margin-bottom: 20px; font-size:18px;}
  2690. .blog-details-content {margin-bottom:0; padding:10px 5px 20px;}
  2691. .blog-details-prev, .blog-details-next {margin:0;}
  2692. .blog-details-prev .nav-arrow, .blog-details-next .nav-arrow {height:50px; font-size:14px;}
  2693. .blog-details-navigate {width:100%;}
  2694. .blog-details-navigate > div {width:calc(50% - 5px); margin:0;}
  2695. .blog-details-prev {margin-right:10px!important;}
  2696. .blog_bottom {padding:20px 0; margin-bottom:10px;}
  2697. .blog_bottom .btn_wrap {width:100%;}
  2698. .blog_bottom .btn_wrap .btn {max-width: 100%; margin:0; margin-top:10px;}
  2699. .blog_bottom .btn_wrap .btn {width:100%;}
  2700. #post-list > .row > div {flex: 0 0 100%; max-width:100%; margin-bottom:20px;}
  2701. #post-list {padding-top:20px;}
  2702. #post-list .col-md-4 {flex: 0 0 100%; max-width:100%;}
  2703. .movie .blog-desc {margin-bottom:6px; padding:10px 10px 0;}
  2704. .comments .row {margin-left:15px; margin-right:15px;}
  2705. .comment_list .comment_cont {padding-left:0; font-size:16px;}
  2706. .comment_list .btn_wrap {padding-left:0;}
  2707. .comment_write h3 {font-size:16px;}
  2708. .reply_wrap {margin-left:0;}
  2709. .reply_wrap .comment_list {padding-left:20px;}
  2710. .comment_write {padding:10px;}
  2711. .comment_list .reply_write {margin-left:0;}
  2712. .blog-standard .top-filter > div {margin:2px 0;}
  2713. .blog-standard .top-filter > div:last-child {margin-left:auto;}
  2714. .blog-standard .blog-meta li {margin:5px 0; margin-right:15px;}
  2715. .blog-standard .blog-content {padding: 15px 8px;}
  2716. .blog-standard .filter-short {width:auto;}
  2717. .blog-standard .blog-meta li a, .blog-standard .blog-meta li span {font-size:13px;}
  2718. .blog-standard .blog-meta li i {margin-right:5px; font-size:12px;}
  2719. .blog-standard .blog-title {font-size:18px; font-weight:700;}
  2720. .blog-standard .blog-btn {font-size:14px;}
  2721. .blog-standard .blog-btn i {font-size:12px; vertical-align: middle;}
  2722. .blog-standard-details .col-lg-12 {padding-left:0; padding-right:0;}
  2723. .blog-standard-details .blog-details-cont {padding: 20px 3px;}
  2724. .txt_gallery .list_top {display:none;}
  2725. .txt_gallery > ul {border-top:none}
  2726. .txt_gallery .list_colgroup {display: flex; flex-flow: row wrap; padding:10px 3px; border-bottom: 1px solid #ddd;}
  2727. .txt_gallery .list_cont .num {width:100%;}
  2728. .txt_gallery .list_colgroup > div {display:flex; width:auto; padding:5px 0; margin-right:10px; border-bottom:none; font-size:14px; }
  2729. .txt_gallery .list_colgroup > div:first-child {font-size:14px; font-weight:700; color:#b4c8c3;}
  2730. .txt_gallery .num {width:100%!important; font-size:14px;text-align:left; }
  2731. .txt_gallery .subject {width:100%!important; padding-left:0!important; font-size:16px!important;}
  2732. .txt_gallery .list_cont .tag {padding:4px 10px;}
  2733. .txt_gallery .list_btnwrap button {max-width:none; height:50px;}
  2734. .page-item {margin-left: 5px;}
  2735. .page-link {width:34px; height:34px; line-height:34px; font-size: 14px;}
  2736. .page-item.disabled .page-link {line-height: 29px;}
  2737. .qna-list .top-filter {justify-content: flex-end;}
  2738. .qna-list .filter-short {margin-bottom:0px!important; margin-left:10px!important;}
  2739. .qna-list .filter-btn .btn {height:50px;}
  2740. .qna-list .qna-status span {height:28px; font-size:14px;}
  2741. .qna-list .blog-title {font-size:16px;}
  2742. .qna-list .qna-num,
  2743. .qna-list .qna-date {font-size:14px;}
  2744. .qna-form p {margin-bottom:0;}
  2745. .qna-form .contact-form {margin-top: 10px;}
  2746. .qna-form .btn_wrap {padding-top:30px;}
  2747. .qna-form .btn_wrap .btn {max-width:100%; height:50px;}
  2748. .qna-details .blog-details-title,
  2749. .qna-details .comment-title {font-size:16px;}
  2750. .qna-details .blog-details-cont,
  2751. .qna-details .blog-details-title,
  2752. .qna-details .blog-details-meta,
  2753. .qna-details .comment-title {padding-left:40px;}
  2754. .qna-details .blog-details-comment {padding-top:0;}
  2755. .qna-details .comment-list {padding:20px;}
  2756. .faq-que button,
  2757. .faq-ans p {padding:20px; padding-left: 55px; word-break: break-all;}
  2758. .faq-que span,
  2759. .faq-ans span {top:15px; left:15px;}
  2760. .quote .tb_vertical thead tr {top: 112px;}
  2761. /*지워도 됨
  2762. .banner-section {padding-top:150px;}
  2763. .banner-section .content-box {margin: 0px 10px 50px 10px;}
  2764. .banner-section .content-box h1 {margin-top:0; font-size:50px;}
  2765. .banner-section .content-box h2,
  2766. .banner-section .content-box h3 {font-size:28px;}
  2767. .banner-section .image-box img {max-width: 800px;}
  2768. .banner-section .image-box .image-1 {right:30%;}
  2769. .banner-style-16 {padding: 140px 0px 50px 0px;}
  2770. .banner-style-16 .content-box h1 {margin-bottom: 10px; font-size:44px;}
  2771. .banner-style-16 .content-box .text {font-size:16px; line-height:1.3;}
  2772. .banner-style-16 .image-box {max-width: 100%;}
  2773. .banner-style-16 .upper-box {padding-bottom: 60px;}
  2774. .banner-style-16 .lower-box .btn-box {width: 200px; margin: 0 auto;}
  2775. .banner-style-16 .lower-box .btn-box .btn-one {margin: 0px 0px 15px 0px !important;}
  2776. .banner-style-16 .lower-box .btn-box a {margin: 0px !important; width: 200px;}
  2777. .service-style-three {margin-bottom:40px; padding-top:100px!important;}
  2778. .service-style-three .col-lg-4 {flex:0 0 100%; max-width:100%;}
  2779. .service-style-three .sec-title h2 {margin-bottom:40px;}
  2780. .service-block-three {margin-bottom:20px;}
  2781. .service-block-three .inner-box {min-height:auto; margin-bottom: 60px; padding:30px 20px;}
  2782. .work-section {padding:60px 0;}
  2783. .work-section .mainStit {margin-top: 0px;}
  2784. .work-section .sec-title {margin-bottom:0;}
  2785. .work-section .sec-title h2 {margin-bottom: 20px;}
  2786. .work-section .feature1 .col-lg-3 {flex:0 0 100%; max-width:100%; margin-bottom: 0;}
  2787. .work-section .feature2 {padding-top: 60px;}
  2788. .work-section .feature2 .single-item .inner-box {padding:20px;}
  2789. .work-section .single-item {margin-bottom: 20px!important;}
  2790. .main_solution {margin:60px 0; text-align:center; word-break:keep-all;}
  2791. .main_solution .sec-title h2 {margin-bottom:0;}
  2792. .main_solution .image-column {margin-bottom:10px;}
  2793. .main_solution img {margin:0!important; padding:0!important;}
  2794. .main_solution .mainStit {margin-bottom: 10px;}
  2795. .main_solution .dw_block {flex-direction:column;}
  2796. .main_solution .dw_block dl {width:100%;}
  2797. .main_solution .dw_block dl:last-child {border-left:none; border-top:1px solid #ededed;}
  2798. .main_solution .dw_feature {text-align:left;}
  2799. .main_solution .dw_feature .btn-box {text-align:center;}
  2800. .counter-style-two {padding-bottom:0!important;}
  2801. .service-block-three .inner-box {margin-bottom:10px;}
  2802. .sub_wrap {padding-top: 140px;}
  2803. .sub_wrap .title {margin-top:0; padding-bottom: 20px;}
  2804. .sub_wrap .title h2 {font-size:32px;}
  2805. .sub_wrap .title:after {width:50px;}
  2806. .phpsupport.banner-section .content-box h2 {font-size:18px;}
  2807. .phpsupport.banner-section .content-box h1 {margin-top:10px; font-size: 36px; line-height:1.3;}
  2808. .phpsupport.banner-section .image-box .image-1 {top: 0;}
  2809. .phpsupport.banner-section .image-box img {width:100%; max-width:auto;}
  2810. .phpsupport.banner-section .toggle-btn.btn-box {margin-top:0;}
  2811. .shop_solution.banner-section {padding-top:150px;}
  2812. .shop_solution.banner-section .content-box h1 {margin-top:0; font-size:40px;}
  2813. .shop_solution.banner-section .content-box h2 {font-size:28px;}
  2814. .shop_solution.banner-section .image-box .image-1 {display: flex; justify-content: center;right:0;}
  2815. .shop_solution.reasons-section .sec-title h2 {padding-bottom:0;}
  2816. .shop_solution.reasons-section .single-item {margin-bottom:16px;}
  2817. */
  2818. .img_gallery .conts_wrap {flex-flow: column-reverse;}
  2819. .img_gallery .num {display:none;}
  2820. .img_gallery .img_box {max-width:100%; margin-left:0; margin-bottom:10px; }
  2821. .elastic {padding-top:130px}
  2822. .elastic .vector-image .image-2 {width:95%;}
  2823. .elastic .content-box h1,
  2824. .elastic .content-box p {font-size:30px;}
  2825. .elastic .content-box h2 {font-size:20px;}
  2826. .elastic .content-box p {margin-top:0; font-size:20px;}
  2827. .searchengine.banner-style-six {padding-top:110px; padding-bottom: 80px;}
  2828. .searchengine.banner-style-six .image-layer {background-size: contain;}
  2829. .searchengine.banner-style-six .content-box h1 {font-size:42px; text-align:center;}
  2830. .searchengine.Slogan-section .wraper {margin-top:50px;}
  2831. .searchengine.banner-style-six .toggle-btn.btn-box {margin-top: 0; text-align:center;}
  2832. .banner-style-seven {padding-top:136px;}
  2833. .banner-style-five .content-box h1 {font-size:30px;}
  2834. .banner-style-five .image-layer {background-position: right -26px;}
  2835. .erp.Slogan-section {margin-top:60px;}
  2836. .main_slider_wrapper {padding-top:100px;}
  2837. .slider-area .carousel-inner .carousel-item .carousel-captions .content {padding:20px 0;}
  2838. .slider-area .carousel-inner .carousel-item .carousel-captions .content h2 {font-size:36px; line-height:1.3; letter-spacing: -1px; word-break:keep-all}
  2839. .slider-area .carousel-inner .carousel-item .carousel-captions .content p {width:98%; margin:0 auto; padding:5px 0; font-size:16px; text-align:center; line-height:1.3; word-break:keep-all;}
  2840. .slider-area .slider_btn {margin:0 auto;}
  2841. .slider_form_wrapper input {width: calc(100% - 90px);}
  2842. .slider_form_wrapper button {width:90px;}
  2843. .slider_main_img_wrapper {top:-10px;}
  2844. .slider_main_img_wrapper img {width:100%; margin-top: 0;}
  2845. .carousel-nevigation {top:auto; bottom:184px;}
  2846. .carousel-nevigation > .next {width:36px; height:36px; line-height: 36px;}
  2847. .carousel-nevigation > .prev {width:36px; height:36px; line-height: 36px;}
  2848. .sm_solution_wrapper {padding: 60px 0; word-break:keep-all;}
  2849. .sms_heading_wrapper h3 {font-size:28px; line-height:1.3;}
  2850. .sb_feature_box_wrapper .sb_feature_circle_cont p {padding-top: 5px; line-height:1.6;}
  2851. .sb_feature_box_wrapper {padding-bottom:30px;}
  2852. .sb_feature_box_wrapper:last-child {padding-bottom:0;}
  2853. .sb_feature_box_wrapper br {display:none;}
  2854. .newsletter_wrapper {margin-bottom:0; padding:60px 10px; word-break:keep-all;}
  2855. .newsletter_content_wrapper h1 {font-size:20px;}
  2856. .newsletter_content_wrapper h5 {margin-top:20px; font-size:16px;}
  2857. .news_btn {margin-top:10px;}
  2858. .header_btn li:first-child a {margin-right:5px;}
  2859. .innovative-idea .single-item .inner-box .icon-box{
  2860. position: relative;
  2861. margin-bottom: 25px;
  2862. }
  2863. .page-title .content-box .bread-crumb li{
  2864. font-size: 20px;
  2865. }
  2866. #image_block_12 .image-box .image-1{
  2867. margin-bottom: 30px;
  2868. }
  2869. #image_block_12 .image-box .image-2{
  2870. position: relative;
  2871. left: 0px;
  2872. bottom: 0px;
  2873. }
  2874. #content_block_42 .content-box .btn-box{
  2875. width: 240px;
  2876. }
  2877. #content_block_42 .content-box .btn-box .theme-btn-two{
  2878. width: 236px;
  2879. margin-bottom: 15px;
  2880. margin-right: 0px;
  2881. }
  2882. .support-section .inner-box .content-box h2{
  2883. line-height: 45px;
  2884. }
  2885. .innovative-idea .single-item .inner-box{
  2886. padding: 0px;
  2887. }
  2888. .testimonial-style-ten .content-box .testimonial-content .author-info:before{
  2889. font-size: 80px;
  2890. }
  2891. #content_block_40 .inner-box .single-item .count-box{
  2892. display: none;
  2893. }
  2894. #content_block_40 .inner-box .single-item .box{
  2895. max-width: 100%;
  2896. box-shadow: none;
  2897. padding: 0px;
  2898. }
  2899. #image_block_43 .image-box{
  2900. min-height: auto;
  2901. }
  2902. #image_block_43 .image-box .image{
  2903. position: relative;
  2904. top: 0px;
  2905. }
  2906. #content_block_40 .inner-box .single-item{
  2907. margin-bottom: 15px;
  2908. padding: 0px;
  2909. }
  2910. #content_block_40 .inner-box .single-item:last-child{
  2911. margin-bottom: 0px;
  2912. }
  2913. #content_block_40 .inner-box .single-item .box:after,
  2914. #content_block_40 .inner-box .single-item .box:before{
  2915. display: none;
  2916. }
  2917. #content_block_40 .inner-box .single-item .box .pattern-bg .pattern-1,
  2918. #content_block_40 .inner-box .single-item .box .pattern-bg .pattern-2{
  2919. display: none;
  2920. }
  2921. #image_block_17 .image-box{
  2922. padding: 0px;
  2923. }
  2924. #image_block_17 .image-box .image{
  2925. display: block;
  2926. }
  2927. #image_block_17 .image-box .image-2,
  2928. #image_block_17 .image-box .image-3,
  2929. #image_block_17 .image-box .image-4{
  2930. display: none;
  2931. }
  2932. .transactions-work .content-box{
  2933. margin-bottom: 30px;
  2934. }
  2935. .transactions-work{
  2936. padding-bottom: 50px;
  2937. }
  2938. .take-control .single-item .inner-box .image-box{
  2939. position: relative;
  2940. margin-bottom: 15px;
  2941. }
  2942. .take-control .single-item .inner-box{
  2943. padding: 0px !important;
  2944. margin-bottom: 30px !important;
  2945. }
  2946. .domain-section .domain-name li{
  2947. width: 50%;
  2948. }
  2949. .ourmission-section .single-item .inner-box .icon-box{
  2950. position: relative;
  2951. margin-bottom: 25px;
  2952. }
  2953. .ourmission-section .single-item .inner-box{
  2954. padding-left: 0px;
  2955. }
  2956. .ourmission-section .single-item{
  2957. padding: 15px 30px 30px 30px;
  2958. }
  2959. .download-section .content-box .download-btn{
  2960. max-width: 220px;
  2961. }
  2962. .download-section .content-box .download-btn a{
  2963. width: 216px;
  2964. }
  2965. .download-section .content-box .download-btn .app-store-btn{
  2966. margin: 0px 0px 15px 0px;
  2967. }
  2968. .banner-style-two .content-box h1,
  2969. .banner-style-three .content-box h1,
  2970. .banner-style-seven .content-box h1,
  2971. .banner-style-eight .content-box h1,
  2972. .banner-style-ten .content-box h1,
  2973. .banner-style-12 .content-box h1,
  2974. .banner-style-13 .content-box h1,
  2975. .banner-style-14 .content-box h2,
  2976. .banner-style-15 .content-box h1,
  2977. .banner-style-17 .content-box h1,
  2978. .banner-style-18 .content-box h1,
  2979. .banner-style-19 .content-box h1,
  2980. .page-title .content-box .title-box h1{
  2981. font-size: 36px;
  2982. line-height: 45px;
  2983. }
  2984. .sec-title h2{
  2985. font-size: 30px !important;
  2986. line-height: 40px !important;
  2987. }
  2988. .main-header.home-3 .menu-area .btn-box{
  2989. display: none;
  2990. }
  2991. .banner-style-four .content-box .btn-box {
  2992. width: 220px;
  2993. }
  2994. .banner-style-four .content-box .btn-box .link-btn{
  2995. width: 201px;
  2996. margin: 0px 0px 15px 0px;
  2997. }
  2998. .main-header.home-5 .menu-right-content{
  2999. display: none;
  3000. }
  3001. .download-apps .content-box .download-btn{
  3002. width: 220px;
  3003. }
  3004. .download-apps .content-box .download-btn .app-store-btn{
  3005. width: 212px;
  3006. margin: 0px 0px 15px 0px;
  3007. }
  3008. .menu-area .btn-box{
  3009. display: none !important;
  3010. }
  3011. #content_block_20 .content-box h1{
  3012. font-size: 36px;
  3013. line-height: 45px;
  3014. }
  3015. .banner-style-11 .content-box .btn-box .btn-one{
  3016. margin: 0px 0px 30px 0px;
  3017. }
  3018. .feature-style-ten .inner-box .content-box h2{
  3019. font-size: 30px;
  3020. line-height: 40px;
  3021. }
  3022. .software-product .content-box .text{
  3023. padding: 0px;
  3024. }
  3025. .banner-style-12 .content-box .btn-box{
  3026. width: 230px;
  3027. }
  3028. .banner-style-12 .content-box .btn-box .btn-one{
  3029. margin: 0px 0px 15px 0px;
  3030. }
  3031. .banner-style-12 .content-box .btn-box .btn-two{
  3032. width: 222px;
  3033. }
  3034. .subscribe-style-three .subscribe-form .form-group button{
  3035. position: relative;
  3036. left: 0px;
  3037. right: 0px;
  3038. width: 100%;
  3039. }
  3040. .subscribe-style-three .subscribe-form .form-group input[type='email']{
  3041. padding-right: 20px;
  3042. }
  3043. .subscribe-style-three .subscribe-form .form-group input[type='email']{
  3044. border: 1px solid #cccccc;
  3045. }
  3046. .subscribe-style-three .subscribe-form .form-group{
  3047. border: 0px;
  3048. padding: 0px;
  3049. }
  3050. .subscribe-style-three .subscribe-form .form-group:before{
  3051. display: none;
  3052. }
  3053. .banner-style-15 .content-box .btn-box{
  3054. width: 205px;
  3055. }
  3056. .banner-style-15 .content-box .btn-box a{
  3057. margin: 0px !important;
  3058. }
  3059. .banner-style-15 .content-box .btn-box .btn-one{
  3060. width: 202px;
  3061. margin: 0px 0px 15px 0px !important;
  3062. }
  3063. .banner-style-15 .content-box .text{
  3064. padding: 0px;
  3065. }
  3066. .free-estimate .inner-box h2{
  3067. font-size: 30px;
  3068. line-height: 35px;
  3069. }
  3070. .banner-style-16 .lower-box .btn-box{
  3071. width: 200px;
  3072. margin: 0 auto;
  3073. }
  3074. .banner-style-16 .lower-box .btn-box a{
  3075. margin: 0px !important;
  3076. width: 200px;
  3077. }
  3078. .banner-style-16 .lower-box .btn-box .btn-one{
  3079. margin: 0px 0px 15px 0px !important;
  3080. }
  3081. .download-apps .content-box .text{
  3082. padding: 0px;
  3083. }
  3084. .main-header.style-three .header-top .inner-container .header-info{
  3085. float: none;
  3086. display: block;
  3087. text-align: center;
  3088. margin-bottom: 10px;
  3089. }
  3090. .main-header.style-three .header-top .inner-container .header-nav{
  3091. float: none;
  3092. display: block;
  3093. text-align: center;
  3094. }
  3095. .domain-section .inner-container{
  3096. padding: 50px 30px;
  3097. }
  3098. .donate-section .content-box .upper-box .btn-box{
  3099. width: 230px;
  3100. }
  3101. .donate-section .content-box .upper-box .btn-box a.btn-one{
  3102. margin: 0px 0px 15px 0px;
  3103. }
  3104. .donate-section .content-box .upper-box .btn-box a.btn-two{
  3105. width: 201px;
  3106. }
  3107. .sidebar-page-container .blog-single-content .inner-box .two-column .image-box{
  3108. margin: 0px 0px 25px 0px;
  3109. }
  3110. .sidebar-page-container .blog-single-content .author-box .author-inner .author-thumb{
  3111. position: relative;
  3112. margin-bottom: 25px;
  3113. }
  3114. .sidebar-page-container .blog-single-content .author-box .author-inner{
  3115. padding-right: 0px;
  3116. }
  3117. .increase-website .content-box h2,
  3118. #content_block_44 .content-box h2{
  3119. line-height: 45px;
  3120. }
  3121. .service-style-four .service-block-three .inner-box{
  3122. min-height: auto;
  3123. }
  3124. .chicklet-list input{
  3125. width: 100%;
  3126. }
  3127. .faq-section .accordion-box .block .content .text{
  3128. padding-right: 0px;
  3129. }
  3130. }
  3131. @media (min-width: 576px) {
  3132. .container {width:auto;}
  3133. }
  3134. @media only screen and (max-width: 449px){
  3135. .main-footer.style-five .footer-bottom .footer-nav li{
  3136. margin: 0px;
  3137. padding: 0px;
  3138. display: block;
  3139. text-align: center;
  3140. }
  3141. #content_block_52 .content-box .events-slide .single-item .date{
  3142. position: relative;
  3143. padding: 0px;
  3144. text-align: left;
  3145. margin-bottom: 15px;
  3146. }
  3147. #content_block_52 .content-box .events-slide .single-item .inner-box{
  3148. padding-right: 30px;
  3149. }
  3150. .main-footer.style-five .footer-bottom .footer-nav li:before{
  3151. display: none;
  3152. }
  3153. .banner-style-16 .lower-box .cs-countdown .count-col{
  3154. margin: 15px;
  3155. }
  3156. .banner-style-16 .lower-box .cs-countdown .count-col span{
  3157. font-size: 40px;
  3158. line-height: 45px;
  3159. }
  3160. #content_block_49 .content-box h2,
  3161. #content_block_50 .content-box h2{
  3162. font-size: 30px;
  3163. line-height: 35px;
  3164. }
  3165. .pagination li{
  3166. margin: 5px;
  3167. }
  3168. .main-footer.style-six .about-widget .download-btn{
  3169. width: 175px;
  3170. }
  3171. .main-footer.style-six .about-widget .download-btn .app-store-btn{
  3172. margin: 0px 0px 15px 0px;
  3173. }
  3174. .banner-style-17{
  3175. padding-bottom: 30px;
  3176. }
  3177. .banner-style-19{
  3178. padding-bottom: 50px;
  3179. }
  3180. .matching .main_visual .container {padding-top:0;}
  3181. }
  3182. @media only screen and (max-width: 399px){
  3183. .tb_vertical thead th,
  3184. .tb_vertical tbody td {font-size:13px!important;}
  3185. .tb_vertical tbody .btn {font-size:12px!important;}
  3186. .m_quote .tb_vertical thead th,
  3187. .m_quote .tb_vertical tbody td,
  3188. .m_quote .tb_vertical tbody tr:first-of-type td {padding:10px 5px;}
  3189. .main_info strong {font-size:42px;}
  3190. .banner-style-16 .content-box h1 {font-size: 36px;}
  3191. .main_info strong {font-size: 36px;}
  3192. .phpsupport.banner-section .content-box h2 {font-size: 16px;}
  3193. .phpsupport.banner-section .content-box h1 {font-size:30px;}
  3194. .top-filter {flex-flow: row wrap;}
  3195. .top-filter .blog_search {width:100%; margin-left:0; margin-top:8px;}
  3196. .reply_wrap .comment_list {padding-left:0;}
  3197. .comment_list .info {font-size:14px;}
  3198. .comment_list .info .name:after {margin: 0 10px;}
  3199. .comment_list ul .img_box img {margin-right:10px;}
  3200. .banner-style-seven .content-box h2 {font-size:20px;}
  3201. .banner-style-seven .content-box ul {font-size:16px;}
  3202. .shop_solution.banner-section {padding-top:150px;}
  3203. .domain-section .domain-name li,
  3204. .domain-section .search-form .form-group button{
  3205. width: 100%;
  3206. }
  3207. .testimonial-style-six .testimonial-content .content-box:before{
  3208. display: none;
  3209. }
  3210. .portfolio-details .load-more-option a{
  3211. font-size: 18px;
  3212. }
  3213. #content_block_26 .content-box .counter-inner .counter-block{
  3214. width: 100%;
  3215. margin-bottom: 15px;
  3216. }
  3217. #content_block_46 .content-box .link-btn{
  3218. display: none;
  3219. }
  3220. .subscribe-section .content-box .subscribe-form .form-group button{
  3221. width: 100%;
  3222. }
  3223. #content_block_12 .content-box .single-item .icon-box{
  3224. position: relative;
  3225. top: 0px;
  3226. margin-bottom: 15px;
  3227. }
  3228. #content_block_12 .content-box .single-item{
  3229. padding-left: 0px;
  3230. }
  3231. .banner-style-six .content-box .mail-box .form-group button,
  3232. .banner-style-seven .content-box .mail-box .form-group button,
  3233. .banner-style-13 .content-box .mail-box .form-group button,
  3234. .banner-style-14 .content-box .mail-box .form-group button,
  3235. .banner-style-17 .content-box .mail-box .form-group button{
  3236. position: relative;
  3237. border-radius: 30px;
  3238. width: 100%;
  3239. }
  3240. .banner-style-six .content-box .mail-box .form-group input[type='email'],
  3241. .banner-style-seven .content-box .mail-box .form-group input[type='email'],
  3242. .banner-style-13 .content-box .mail-box .form-group input[type='email'],
  3243. .banner-style-14 .content-box .mail-box .form-group input[type='email'],
  3244. .banner-style-17 .content-box .mail-box .form-group input[type='email']{
  3245. padding: 10px 20px;
  3246. margin-bottom: 15px;
  3247. }
  3248. .banner-style-eight .content-box .btn-box{
  3249. width: 200px;
  3250. }
  3251. .banner-style-eight .content-box .btn-box .btn-one{
  3252. margin: 0px 0px 10px 0px;
  3253. }
  3254. .check-work .inner-box .check-form .form-group button{
  3255. width: 100%;
  3256. }
  3257. .designe-process-two .tab-btn-box .tab-btns li{
  3258. width: 100%;
  3259. }
  3260. #content_block_37 .inner-box .company-list li{
  3261. width: 100%;
  3262. margin: 15px auto;
  3263. float: none;
  3264. text-align: center;
  3265. }
  3266. .main-header .menu-right-content{
  3267. display: none !important;
  3268. }
  3269. .banner-style-17 .content-box .download-btn{
  3270. width: 175px;
  3271. }
  3272. .banner-style-17 .content-box .download-btn .app-store-btn{
  3273. width: 170px;
  3274. margin: 0px 0px 15px 0px;
  3275. }
  3276. .banner-style-19 .content-box .btn-box{
  3277. width: 205px;
  3278. }
  3279. .banner-style-19 .content-box .btn-box a.btn-one{
  3280. margin: 0px 0px 15px 0px;
  3281. }
  3282. .banner-style-19 .content-box .btn-box a.btn-two{
  3283. width: 204px;
  3284. }
  3285. .popular-causes .content-box .btn-box .btn-one{
  3286. margin-right: 10px;
  3287. }
  3288. #content_block_51 .content-box .donation-box{
  3289. padding: 50px 15px;
  3290. }
  3291. #content_block_51 .content-box .donation-box .btn-box a{
  3292. width: 240px;
  3293. }
  3294. #content_block_46 .content-box .btn-box .btn-one,
  3295. #content_block_46 .content-box .btn-box .btn-two{
  3296. width: 100%;
  3297. }
  3298. #content_block_46 .content-box .btn-box .btn-one{
  3299. margin-bottom: 10px;
  3300. }
  3301. .events-section .content-box .events-slide .single-item .info-box li{
  3302. margin-right: 0px;
  3303. display: block;
  3304. }
  3305. .subscribe-style-five .content-box .subscribe-form .form-group .theme-btn-two{
  3306. width: 100%;
  3307. }
  3308. .sidebar-page-container .blog-content .single-blog-content .lower-content,
  3309. .sidebar-page-container .blog-single-content .inner-box{
  3310. padding: 40px 15px 0px 15px;
  3311. }
  3312. .sidebar-page-container .blog-content .single-blog-content .lower-content .lower-box .right-content li,
  3313. .sidebar-page-container .blog-single-content .inner-box .lower-box .right-content li{
  3314. margin-right: 10px;
  3315. }
  3316. .banner-section {padding-top:120px;}
  3317. .banner-section .content-box h1 {font-size:46px;}
  3318. .banner-section .content-box h2 {font-size:24px;}
  3319. .banner-section .image-box img {max-width: 600px;}
  3320. }